<template xmlns="">
  <div class="Page1" v-if="pageData" @contextmenu.r.prevent>
    <div class="headerBox">
      <div class="headerLeftBtnGroup">
        <div class="block">
          <el-cascader
            v-model="jiaoAnValue"
            :options="jiaoAnOptions"
            placeholder="教案"
            style="width: 7rem;"
            :props="{ expandTrigger: 'hover' }"
            @change="handleChange"

          ></el-cascader>
        </div>
        <div class="block">
          <el-cascader
            v-model="gongkuangValue"
            placeholder="工况"
            style="width: 7rem"
            :options="gongKuangOptions"
            :props="{ expandTrigger: 'hover' }"
            @change="handleChange"></el-cascader>
        </div>
      </div>
      <h1 style="color: rgb(240, 240, 180);margin-left: -10%">古城变主接线图</h1>
      <div class="headerRightBtnGroup">
        <el-button @click="clearAll">全站清闪</el-button>
        <el-button @click="goMap">画面索引</el-button>
        <el-button @click="alertLog">告警记录</el-button>
        <el-button @click="operationRecords">操作记录</el-button>
      </div>
    </div>
    <div class="wrapper" ref="page" @mousedown="startDrag">
      <div class="ctn">
        <svg id="svgDom">
          <g transform="translate(0,48)">
          <g  @contextmenu.prevent="itemRightClick({type:'zhutuxianlu',deviceName:'220#1MPT',info:{}})" style="cursor:pointer;">
            <line  x1="110" y1="340" x2="1190" y2="340" fill="none" stroke="rgb(128,0,128)" stroke-width="6"></line>
          </g>
            <g  @contextmenu.prevent="itemRightClick({type:'zhutuxianlu',deviceName:'220#2MPT',info:{}})" style="cursor:pointer;">
              <line  x1="110" y1="320" x2="1660" y2="320" fill="none" stroke="rgb(128,0,128)" stroke-width="6"></line>
            </g>
          <main-bus name="220kV IB母" x1="1200" y1="340" x2="1660" y2="340" stateDesc="220kV II母"  :isMainPage="true"></main-bus>
          <main-bus name="110kV I段" x1="110" y1="710" x2="840" y2="710" stateDesc="110kV I段" color="rgb(240, 65, 85)" :isMainPage="true"></main-bus>
          <main-bus name="110kV I段" x1="880" y1="710" x2="1660" y2="710" stateDesc="110kV I段" color="rgb(240, 65, 85)" :isMainPage="true"></main-bus>
          <main-bus name="10kV IIB母" x1="2146" y1="0" x2="2146" y2="310" stateDesc="10kV IIB母" color="rgb(0, 210, 0)" :isMainPage="true"></main-bus>
          <main-bus name="10kV IIA母" x1="2146" y1="380" x2="2146" y2="690" stateDesc="10kV IIA母" color="rgb(0, 210, 0)" :isMainPage="true"></main-bus>
          <main-bus name="10kV IB母" x1="2146" y1="720" x2="2146" y2="1060" stateDesc="10kV IB母" color="rgb(0, 210, 0)" :isMainPage="true"></main-bus>
          <main-bus name="10kV IA母" x1="2146" y1="1140" x2="2146" y2="1480" stateDesc="10kV IA母" color="rgb(0, 210, 0)" :isMainPage="true"></main-bus>
          <text x="100" y="370" fill="#a9765e" style="font-size: 1.1rem;font-weight: bolder" >220kV ⅠA母</text>
          <text x="1630" y="310" fill="#a9765e" style="font-size: 1.1rem;font-weight: bolder" >220kV Ⅱ母</text>
          <text x="1630" y="370" fill="#a9765e" style="font-size: 1.1rem;font-weight: bolder" >220kV ⅠB母</text>
          <text x="100" y="696" fill="#a9765e" style="font-size: 1.1rem;font-weight: bolder" >110kV  Ⅰ段</text>
          <text x="880" y="696" fill="#a9765e" style="font-size: 1.1rem;font-weight: bolder" >110kV  Ⅱ段</text>
            <text x="2070" y="336" fill="#a9765e" style="font-size: 1.1rem;font-weight: bolder" >10kV  ⅡB母</text>
            <text x="2070" y="360" fill="#a9765e" style="font-size: 1.1rem;font-weight: bolder" >10kV  ⅡA母</text>
            <text x="2070" y="1090" fill="#a9765e" style="font-size: 1.1rem;font-weight: bolder" >10kV  ⅠB母</text>
            <text x="2070" y="1114" fill="#a9765e" style="font-size: 1.1rem;font-weight: bolder" >10kV  ⅠA母</text>

          </g>
          <g transform="translate(-145,0)">
            <text x="190" y="17" style="fill: rgb(242, 176, 92);font-size: 14px;font-weight: bolder" >P(MW)</text>
            <text x="190" y="37" style="fill: rgb(149, 141, 222);font-size: 14px;font-weight: bolder">Q(MVar)</text>
            <text x="190" y="57" style="fill: #93f958;font-size: 14px;font-weight: bolder">I(A)</text>
          </g>
<!--          古常-->
          <g transform="translate(-5,0)">
            <g  @contextmenu.prevent="itemRightClick({type:'zhutuxianlu',deviceName:'271古常线',info:pageData[271][0]})">
            <num-screen
              name="古常线"
              :ftCode="271"
              path="/breakPage"
              :P="pageData['271'][7].state_val"
              :Q="pageData['271'][8].state_val"
              :Ia="pageData['271'][9].state_val"
            ></num-screen>
            </g>
            <g transform="translate(5,45)">
            <polygon points="150,50 160,50 155,40" style="fill:rgb(128,0,128);" transform="translate(-15,8)"
            />
              <line x1="140" y1="50" x2="140" y2="120" style="stroke:rgb(128,0,128);stroke-width:2"/>
              <bi-lei-qi :translate-x="10" :translate-y="-25" color="rgb(128,0,128)"></bi-lei-qi>
              <xian-quan :translate-x="10" :translate-y="-5" color="rgb(128,0,128)"></xian-quan>
              <line x1="140" y1="120" x2="150" y2="120" style="stroke:rgb(128,0,128);stroke-width:2"/>
              <terminal-svg
                :state="Number(pageData[271][6].state_val)"
                :stateDesc="pageData[271][6].state_desc"
                :name="'-'+pageData[271][6].state_desc.split('-')[1]"
                :isMainPage="true"
                :scale=0.7
                :translate-x="196"
                :translate-y="102"
                :text-translate-y="-5"
                :rotate="90"
              ></terminal-svg>
              <line x1="140" y1="120" x2="140" y2="135" style="stroke:rgb(128,0,128);stroke-width:2"/>
              <connect-line
                :state="Number(pageData[271][1].state_val)"
                :stateDesc="pageData[271][1].state_desc"
                :scale="0.6"
                :isMainPage="true"
                :rotate="-90"
                :translate-x="116"
                :translate-y="162"
                :text-translate-y="10"
                :text-translate-x="50"
                :name="'-'+pageData[271][1].state_desc.split('-')[1]"></connect-line>
              <line x1="140" y1="165" x2="140" y2="185" style="stroke:rgb(128,0,128);stroke-width:2"/>
              <line x1="140" y1="175" x2="150" y2="175" style="stroke:rgb(128,0,128);stroke-width:2"/>
              <terminal-svg
                :state="Number(pageData[271][5].state_val)"
                :stateDesc="pageData[271][5].state_desc"
                :name="'-'+pageData[271][5].state_desc.split('-')[1]"
                :isMainPage="true"
                :scale=0.7
                :translate-x="196"
                :translate-y="157"
                :text-translate-y="-5"
                :rotate="90"
              ></terminal-svg>
              <g  @contextmenu="itemRightClick({type:'dlq',deviceName:'271',info:pageData[271][0]})">
                <rect-svg
                  :state="Number(pageData[271][0].state_val)"
                  :stateDesc="pageData[271][0].state_desc"
                  :rotate="90"
                  :translate-y="184"
                  :translate-x="168"
                  :text-translate-x="10"
                  :text-translate-y="-4"
                  :scale="0.7"
                  :isMainPage="true"
                  :itemObj="{is_clear:pageData[271][0].is_clear}"
                  :name="pageData[271][0].state_desc"
                ></rect-svg>
              </g>
              <line x1="140" y1="211" x2="140" y2="240" style="stroke:rgb(128,0,128);stroke-width:2"/>
              <line x1="140" y1="220" x2="150" y2="220" style="stroke:rgb(128,0,128);stroke-width:2"/>
              <terminal-svg
                :state="Number(pageData[271][4].state_val)"
                :stateDesc="pageData[271][4].state_desc"
                :name="'-'+pageData[271][4].state_desc.split('-')[1]"
                :isMainPage="true"
                :scale=0.7
                :translate-x="196"
                :translate-y="202"
                :text-translate-y="-5"
                :rotate="90"
              ></terminal-svg>
              <line x1="125" y1="240" x2="155" y2="240" style="stroke:rgb(128,0,128);stroke-width:2"/>
              <line x1="125" y1="240" x2="125" y2="255" style="stroke:rgb(128,0,128);stroke-width:2"/>
              <line x1="155" y1="240" x2="155" y2="255" style="stroke:rgb(128,0,128);stroke-width:2"/>
              <connect-line
                :state="Number(pageData[271][2].state_val)"
                :stateDesc="pageData[271][2].state_desc"
                :scale="0.6"
                :isMainPage="true"
                :rotate="-90"
                :translate-x="101"
                :translate-y="282"
                :text-translate-y="10"
                :text-translate-x="42"
                :name="'-'+pageData[271][2].state_desc.split('-')[1]"></connect-line>
              <connect-line
                :state="Number(pageData[271][3].state_val)"
                :stateDesc="pageData[271][3].state_desc"
                :scale="0.6"
                :isMainPage="true"
                :rotate="-90"
                :translate-x="131"
                :translate-y="282"
                :text-translate-y="10"
                :text-translate-x="42"
                :name="'-'+pageData[271][3].state_desc.split('-')[1]"></connect-line>
              <line x1="125" y1="285" x2="125" y2="340" style="stroke:rgb(128,0,128);stroke-width:2"/>
              <line x1="155" y1="285" x2="155" y2="320" style="stroke:rgb(128,0,128);stroke-width:2"/>
              <circle r="8" cx="125" cy="343" style="fill:rgb(128,0,128);"/>
              <circle r="8" cx="155" cy="323" style="fill:rgb(128,0,128);"/>
            </g>
          </g>
<!--          古兆-->
          <g transform="translate(125,0)">
            <g  @contextmenu.prevent="itemRightClick({type:'zhutuxianlu',deviceName:'272古兆线',info:pageData[272][0]})">
            <num-screen
              name="古兆线"
              :ft-code="272"
              :P="pageData['272'][7].state_val"
              :Q="pageData['272'][8].state_val"
              :Ia="pageData['272'][9].state_val"
            ></num-screen>
            </g>
            <g transform="translate(5,45)">
              <polygon points="150,50 160,50 155,40" style="fill:rgb(128,0,128);" transform="translate(-15,8)"/>
              <line x1="140" y1="50" x2="140" y2="120" style="stroke:rgb(128,0,128);stroke-width:2"/>
              <bi-lei-qi :translate-x="10" :translate-y="-25" color="rgb(128,0,128)"></bi-lei-qi>
              <xian-quan :translate-x="10" :translate-y="-5" color="rgb(128,0,128)"></xian-quan>
              <line x1="140" y1="120" x2="150" y2="120" style="stroke:rgb(128,0,128);stroke-width:2"/>
              <terminal-svg
                :state="Number(pageData[272][6].state_val)"
                :stateDesc="pageData[272][6].state_desc"
                :name="'-'+pageData[272][6].state_desc.split('-')[1]"
                :isMainPage="true"
                :scale=0.7
                :translate-x="196"
                :translate-y="102"
                :text-translate-y="-5"
                :rotate="90"
              ></terminal-svg>
              <line x1="140" y1="120" x2="140" y2="135" style="stroke:rgb(128,0,128);stroke-width:2"/>
              <connect-line
                :state="Number(pageData[272][1].state_val)"
                :stateDesc="pageData[272][1].state_desc"
                :scale="0.6"
                :isMainPage="true"
                :rotate="-90"
                :translate-x="116"
                :translate-y="162"
                :text-translate-y="10"
                :text-translate-x="50"
                :name="'-'+pageData[272][1].state_desc.split('-')[1]"></connect-line>
              <line x1="140" y1="165" x2="140" y2="185" style="stroke:rgb(128,0,128);stroke-width:2"/>
              <line x1="140" y1="175" x2="150" y2="175" style="stroke:rgb(128,0,128);stroke-width:2"/>
              <terminal-svg
                :state="Number(pageData[272][5].state_val)"
                :stateDesc="pageData[272][5].state_desc"
                :name="'-'+pageData[272][5].state_desc.split('-')[1]"
                :isMainPage="true"
                :scale=0.7
                :translate-x="196"
                :translate-y="157"
                :text-translate-y="-5"
                :rotate="90"
              ></terminal-svg>
              <g @click="goBreakPage(272)">
                <rect-svg
                  :state="Number(pageData[272][0].state_val)"
                  :stateDesc="pageData[272][0].state_desc"
                  :rotate="90"
                  :translate-y="184"
                  :translate-x="168"
                  :text-translate-x="10"
                  :text-translate-y="-4"
                  :scale="0.7"
                  :isMainPage="true"
                  :itemObj="{is_clear:pageData[272][0].is_clear}"
                  :name="pageData[272][0].state_desc"
                ></rect-svg>
              </g>
              <line x1="140" y1="211" x2="140" y2="240" style="stroke:rgb(128,0,128);stroke-width:2"/>
              <line x1="140" y1="220" x2="150" y2="220" style="stroke:rgb(128,0,128);stroke-width:2"/>
              <terminal-svg
                :state="Number(pageData[272][4].state_val)"
                :stateDesc="pageData[272][4].state_desc"
                :name="'-'+pageData[272][4].state_desc.split('-')[1]"
                :isMainPage="true"
                :scale=0.7
                :translate-x="196"
                :translate-y="202"
                :text-translate-y="-5"
                :rotate="90"
              ></terminal-svg>
              <line x1="125" y1="240" x2="155" y2="240" style="stroke:rgb(128,0,128);stroke-width:2"/>
              <line x1="125" y1="240" x2="125" y2="255" style="stroke:rgb(128,0,128);stroke-width:2"/>
              <line x1="155" y1="240" x2="155" y2="255" style="stroke:rgb(128,0,128);stroke-width:2"/>
              <connect-line
                :state="Number(pageData[272][2].state_val)"
                :stateDesc="pageData[272][2].state_desc"
                :scale="0.6"
                :isMainPage="true"
                :rotate="-90"
                :translate-x="101"
                :translate-y="282"
                :text-translate-y="10"
                :text-translate-x="42"
                :name="'-'+pageData[272][2].state_desc.split('-')[1]"></connect-line>
              <connect-line
                :state="Number(pageData[272][3].state_val)"
                :stateDesc="pageData[272][3].state_desc"
                :scale="0.6"
                :isMainPage="true"
                :rotate="-90"
                :translate-x="131"
                :translate-y="282"
                :text-translate-y="10"
                :text-translate-x="42"
                :name="'-'+pageData[272][3].state_desc.split('-')[1]"></connect-line>
              <line x1="125" y1="285" x2="125" y2="340" style="stroke:rgb(128,0,128);stroke-width:2"/>
              <line x1="155" y1="285" x2="155" y2="320" style="stroke:rgb(128,0,128);stroke-width:2"/>
              <circle r="8" cx="125" cy="343" style="fill:rgb(128,0,128);"/>
              <circle r="8" cx="155" cy="323" style="fill:rgb(128,0,128);"/>
            </g>
          </g>
<!--          #1主变高压侧-->
          <g transform="translate(285,0)">
            <num-screen
              name="#1主变高压侧"
              path="/guchang"
              :P="pageData['211'][7].state_val"
              :Q="pageData['211'][8].state_val"
              :Ia="pageData['211'][9].state_val"
            ></num-screen>
            <g transform="translate(5,45)">
              <polyline points="140,50,70,50,70,370,430,370" fill="none" stroke="rgb(128,0,128)" stroke-width="2" ></polyline>
              <line x1="140" y1="50" x2="140" y2="120" style="stroke:rgb(128,0,128);stroke-width:2"/>
              <bi-lei-qi :translate-x="10" :translate-y="-25" color="rgb(128,0,128)"></bi-lei-qi>
              <xian-quan :translate-x="10" :translate-y="-5" color="rgb(128,0,128)"></xian-quan>
              <line x1="140" y1="120" x2="150" y2="120" style="stroke:rgb(128,0,128);stroke-width:2"/>
              <terminal-svg
                :state="Number(pageData[211][6].state_val)"
                :stateDesc="pageData[211][6].state_desc"
                :name="'-'+pageData[211][6].state_desc.split('-')[1]"
                :isMainPage="true"
                :scale=0.7
                :translate-x="196"
                :translate-y="102"
                :text-translate-y="-5"
                :rotate="90"
              ></terminal-svg>
              <line x1="140" y1="120" x2="140" y2="135" style="stroke:rgb(128,0,128);stroke-width:2"/>
              <connect-line
                :state="Number(pageData[211][1].state_val)"
                :stateDesc="pageData[211][1].state_desc"
                :scale="0.6"
                :isMainPage="true"
                :rotate="-90"
                :translate-x="116"
                :translate-y="162"
                :text-translate-y="10"
                :text-translate-x="50"
                :name="'-'+pageData[211][1].state_desc.split('-')[1]"></connect-line>
              <line x1="140" y1="165" x2="140" y2="185" style="stroke:rgb(128,0,128);stroke-width:2"/>
              <line x1="140" y1="175" x2="150" y2="175" style="stroke:rgb(128,0,128);stroke-width:2"/>
              <terminal-svg
                :state="Number(pageData[211][5].state_val)"
                :stateDesc="pageData[211][5].state_desc"
                :name="'-'+pageData[211][5].state_desc.split('-')[1]"
                :isMainPage="true"
                :scale=0.7
                :translate-x="196"
                :translate-y="157"
                :text-translate-y="-5"
                :rotate="90"
              ></terminal-svg>
              <g @click="goBreakPage(211)">
                <rect-svg
                  :state="Number(pageData[211][0].state_val)"
                  :stateDesc="pageData[211][0].state_desc"
                  :rotate="90"
                  :translate-y="184"
                  :translate-x="168"
                  :text-translate-x="10"
                  :text-translate-y="-4"
                  :scale="0.7"
                  :isMainPage="true"
                  :itemObj="{is_clear:pageData[211][0].is_clear}"
                  :name="pageData[211][0].state_desc"
                ></rect-svg>
              </g>
              <line x1="140" y1="211" x2="140" y2="240" style="stroke:rgb(128,0,128);stroke-width:2"/>
              <line x1="140" y1="220" x2="150" y2="220" style="stroke:rgb(128,0,128);stroke-width:2"/>
              <terminal-svg
                :state="Number(pageData[211][4].state_val)"
                :stateDesc="pageData[211][4].state_desc"
                :name="'-'+pageData[211][4].state_desc.split('-')[1]"
                :isMainPage="true"
                :scale=0.7
                :translate-x="196"
                :translate-y="202"
                :text-translate-y="-5"
                :rotate="90"
              ></terminal-svg>
              <line x1="125" y1="240" x2="155" y2="240" style="stroke:rgb(128,0,128);stroke-width:2"/>
              <line x1="125" y1="240" x2="125" y2="255" style="stroke:rgb(128,0,128);stroke-width:2"/>
              <line x1="155" y1="240" x2="155" y2="255" style="stroke:rgb(128,0,128);stroke-width:2"/>
              <connect-line
                :state="Number(pageData[211][2].state_val)"
                :stateDesc="pageData[211][2].state_desc"
                :scale="0.6"
                :isMainPage="true"
                :rotate="-90"
                :translate-x="101"
                :translate-y="282"
                :text-translate-y="10"
                :text-translate-x="42"
                :name="'-'+pageData[211][2].state_desc.split('-')[1]"></connect-line>
              <connect-line
                :state="Number(pageData[211][3].state_val)"
                :stateDesc="pageData[211][3].state_desc"
                :scale="0.6"
                :isMainPage="true"
                :rotate="-90"
                :translate-x="131"
                :translate-y="282"
                :text-translate-y="10"
                :text-translate-x="42"
                :name="'-'+pageData[211][3].state_desc.split('-')[1]"></connect-line>
              <line x1="125" y1="285" x2="125" y2="340" style="stroke:rgb(128,0,128);stroke-width:2"/>
              <line x1="155" y1="285" x2="155" y2="320" style="stroke:rgb(128,0,128);stroke-width:2"/>
              <circle r="8" cx="125" cy="343" style="fill:rgb(128,0,128);"/>
              <circle r="8" cx="155" cy="323" style="fill:rgb(128,0,128);"/>
            </g>
          </g>
<!--          石古I-->
          <g transform="translate(415,0)">
            <g  @contextmenu.prevent="itemRightClick({type:'zhutuxianlu',deviceName:'273石古I线',info:pageData[273][0]})">
            <num-screen
              name="石古I线"
              :ft-code="273"
              :P="pageData['273'][7].state_val"
              :Q="pageData['273'][8].state_val"
              :Ia="pageData['273'][9].state_val"
            ></num-screen>
            </g>
            <g transform="translate(5,45)">
              <polygon points="150,50 160,50 155,40" style="fill:rgb(128,0,128);" transform="translate(-15,8)"/>
              <line x1="140" y1="50" x2="140" y2="120" style="stroke:rgb(128,0,128);stroke-width:2"/>
              <bi-lei-qi :translate-x="10" :translate-y="-25" color="rgb(128,0,128)"></bi-lei-qi>
              <xian-quan :translate-x="10" :translate-y="-5" color="rgb(128,0,128)"></xian-quan>
              <line x1="140" y1="120" x2="150" y2="120" style="stroke:rgb(128,0,128);stroke-width:2"/>
              <terminal-svg
                :state="Number(pageData[273][6].state_val)"
                :stateDesc="pageData[273][6].state_desc"
                :name="'-'+pageData[273][6].state_desc.split('-')[1]"
                :isMainPage="true"
                :scale=0.7
                :translate-x="196"
                :translate-y="102"
                :text-translate-y="-5"
                :rotate="90"
              ></terminal-svg>
              <line x1="140" y1="120" x2="140" y2="135" style="stroke:rgb(128,0,128);stroke-width:2"/>
              <connect-line
                :state="Number(pageData[273][1].state_val)"
                :stateDesc="pageData[273][1].state_desc"
                :scale="0.6"
                :isMainPage="true"
                :rotate="-90"
                :translate-x="116"
                :translate-y="162"
                :text-translate-y="10"
                :text-translate-x="50"
                :name="'-'+pageData[273][1].state_desc.split('-')[1]"></connect-line>
              <line x1="140" y1="165" x2="140" y2="185" style="stroke:rgb(128,0,128);stroke-width:2"/>
              <line x1="140" y1="175" x2="150" y2="175" style="stroke:rgb(128,0,128);stroke-width:2"/>
              <terminal-svg
                :state="Number(pageData[273][5].state_val)"
                :stateDesc="pageData[273][5].state_desc"
                :name="'-'+pageData[273][5].state_desc.split('-')[1]"
                :isMainPage="true"
                :scale=0.7
                :translate-x="196"
                :translate-y="157"
                :text-translate-y="-5"
                :rotate="90"
              ></terminal-svg>
              <g @click="goBreakPage(273)">
                <rect-svg
                  :state="Number(pageData[273][0].state_val)"
                  :stateDesc="pageData[273][0].state_desc"
                  :rotate="90"
                  :translate-y="184"
                  :translate-x="168"
                  :text-translate-x="10"
                  :text-translate-y="-4"
                  :scale="0.7"
                  :isMainPage="true"
                  :itemObj="{is_clear:pageData[273][0].is_clear}"
                  :name="pageData[273][0].state_desc"
                ></rect-svg>
              </g>
              <line x1="140" y1="211" x2="140" y2="240" style="stroke:rgb(128,0,128);stroke-width:2"/>
              <line x1="140" y1="220" x2="150" y2="220" style="stroke:rgb(128,0,128);stroke-width:2"/>
              <terminal-svg
                :state="Number(pageData[273][4].state_val)"
                :stateDesc="pageData[273][4].state_desc"
                :name="'-'+pageData[273][4].state_desc.split('-')[1]"
                :isMainPage="true"
                :scale=0.7
                :translate-x="196"
                :translate-y="202"
                :text-translate-y="-5"
                :rotate="90"
              ></terminal-svg>
              <line x1="125" y1="240" x2="155" y2="240" style="stroke:rgb(128,0,128);stroke-width:2"/>
              <line x1="125" y1="240" x2="125" y2="255" style="stroke:rgb(128,0,128);stroke-width:2"/>
              <line x1="155" y1="240" x2="155" y2="255" style="stroke:rgb(128,0,128);stroke-width:2"/>
              <connect-line
                :state="Number(pageData[273][2].state_val)"
                :stateDesc="pageData[273][2].state_desc"
                :scale="0.6"
                :isMainPage="true"
                :rotate="-90"
                :translate-x="101"
                :translate-y="282"
                :text-translate-y="10"
                :text-translate-x="42"
                :name="'-'+pageData[273][2].state_desc.split('-')[1]"></connect-line>
              <connect-line
                :state="Number(pageData[273][3].state_val)"
                :stateDesc="pageData[273][3].state_desc"
                :scale="0.6"
                :isMainPage="true"
                :rotate="-90"
                :translate-x="131"
                :translate-y="282"
                :text-translate-y="10"
                :text-translate-x="42"
                :name="'-'+pageData[273][3].state_desc.split('-')[1]"></connect-line>
              <line x1="125" y1="285" x2="125" y2="340" style="stroke:rgb(128,0,128);stroke-width:2"/>
              <line x1="155" y1="285" x2="155" y2="320" style="stroke:rgb(128,0,128);stroke-width:2"/>
              <circle r="8" cx="125" cy="343" style="fill:rgb(128,0,128);"/>
              <circle r="8" cx="155" cy="323" style="fill:rgb(128,0,128);"/>
            </g>
          </g>
<!--          古北I-->
          <g transform="translate(545,0)">
            <g  @contextmenu.prevent="itemRightClick({type:'zhutuxianlu',deviceName:'274古北I线',info:pageData[274][0]})">
            <num-screen
              name="古北I线"
              :ft-code="274"
              :P="pageData['274'][7].state_val"
              :Q="pageData['274'][8].state_val"
              :Ia="pageData['274'][9].state_val"
            ></num-screen>
            </g>
            <g transform="translate(5,45)">
              <polygon points="150,50 160,50 155,40" style="fill:rgb(128,0,128);" transform="translate(-15,8)"/>
              <line x1="140" y1="50" x2="140" y2="120" style="stroke:rgb(128,0,128);stroke-width:2"/>
              <bi-lei-qi :translate-x="10" :translate-y="-25" color="rgb(128,0,128)"></bi-lei-qi>
              <xian-quan :translate-x="10" :translate-y="-5" color="rgb(128,0,128)"></xian-quan>
              <line x1="140" y1="120" x2="150" y2="120" style="stroke:rgb(128,0,128);stroke-width:2"/>
              <terminal-svg
                :state="Number(pageData[274][6].state_val)"
                :stateDesc="pageData[274][6].state_desc"
                :name="'-'+pageData[274][6].state_desc.split('-')[1]"
                :isMainPage="true"
                :scale=0.7
                :translate-x="196"
                :translate-y="102"
                :text-translate-y="-5"
                :rotate="90"
              ></terminal-svg>
              <line x1="140" y1="120" x2="140" y2="135" style="stroke:rgb(128,0,128);stroke-width:2"/>
              <connect-line
                :state="Number(pageData[274][1].state_val)"
                :stateDesc="pageData[274][1].state_desc"
                :scale="0.6"
                :isMainPage="true"
                :rotate="-90"
                :translate-x="116"
                :translate-y="162"
                :text-translate-y="10"
                :text-translate-x="50"
                :name="'-'+pageData[274][1].state_desc.split('-')[1]"></connect-line>
              <line x1="140" y1="165" x2="140" y2="185" style="stroke:rgb(128,0,128);stroke-width:2"/>
              <line x1="140" y1="175" x2="150" y2="175" style="stroke:rgb(128,0,128);stroke-width:2"/>
              <terminal-svg
                :state="Number(pageData[274][5].state_val)"
                :stateDesc="pageData[274][5].state_desc"
                :name="'-'+pageData[274][5].state_desc.split('-')[1]"
                :isMainPage="true"
                :scale=0.7
                :translate-x="196"
                :translate-y="157"
                :text-translate-y="-5"
                :rotate="90"
              ></terminal-svg>
              <g @click="goBreakPage(274)">
                <rect-svg
                  :state="Number(pageData[274][0].state_val)"
                  :stateDesc="pageData[274][0].state_desc"
                  :rotate="90"
                  :translate-y="184"
                  :translate-x="168"
                  :text-translate-x="10"
                  :text-translate-y="-4"
                  :scale="0.7"
                  :isMainPage="true"
                  :itemObj="{is_clear:pageData[274][0].is_clear}"
                  :name="pageData[274][0].state_desc"
                ></rect-svg>
              </g>
              <line x1="140" y1="211" x2="140" y2="240" style="stroke:rgb(128,0,128);stroke-width:2"/>
              <line x1="140" y1="220" x2="150" y2="220" style="stroke:rgb(128,0,128);stroke-width:2"/>
              <terminal-svg
                :state="Number(pageData[274][4].state_val)"
                :stateDesc="pageData[274][4].state_desc"
                :name="'-'+pageData[274][4].state_desc.split('-')[1]"
                :isMainPage="true"
                :scale=0.7
                :translate-x="196"
                :translate-y="202"
                :text-translate-y="-5"
                :rotate="90"
              ></terminal-svg>
              <line x1="125" y1="240" x2="155" y2="240" style="stroke:rgb(128,0,128);stroke-width:2"/>
              <line x1="125" y1="240" x2="125" y2="255" style="stroke:rgb(128,0,128);stroke-width:2"/>
              <line x1="155" y1="240" x2="155" y2="255" style="stroke:rgb(128,0,128);stroke-width:2"/>
              <connect-line
                :state="Number(pageData[274][2].state_val)"
                :stateDesc="pageData[274][2].state_desc"
                :scale="0.6"
                :isMainPage="true"
                :rotate="-90"
                :translate-x="101"
                :translate-y="282"
                :text-translate-y="10"
                :text-translate-x="42"
                :name="'-'+pageData[274][2].state_desc.split('-')[1]"></connect-line>
              <connect-line
                :state="Number(pageData[274][3].state_val)"
                :stateDesc="pageData[274][3].state_desc"
                :scale="0.6"
                :isMainPage="true"
                :rotate="-90"
                :translate-x="131"
                :translate-y="282"
                :text-translate-y="10"
                :text-translate-x="42"
                :name="'-'+pageData[274][3].state_desc.split('-')[1]"></connect-line>
              <line x1="125" y1="285" x2="125" y2="340" style="stroke:rgb(128,0,128);stroke-width:2"/>
              <line x1="155" y1="285" x2="155" y2="320" style="stroke:rgb(128,0,128);stroke-width:2"/>
              <circle r="8" cx="125" cy="343" style="fill:rgb(128,0,128);"/>
              <circle r="8" cx="155" cy="323" style="fill:rgb(128,0,128);"/>
            </g>
          </g>
<!--          220母联-->
          <g transform="translate(675,0)">
            <num-screen
              name="220kV母联"
              path="/guchang"
              :P="pageData['201'][5].state_val"
              :Q="pageData['201'][6].state_val"
              :Ia="pageData['201'][7].state_val"
            ></num-screen>
            <g transform="translate(10,45)">
              <polyline points="140,185,140,80,100,80,100,255" fill="none" stroke="rgb(128,0,128)" stroke-width="2"></polyline>
              <line x1="140" y1="175" x2="150" y2="175" style="stroke:rgb(128,0,128);stroke-width:2"/>
              <terminal-svg
                :state="Number(pageData[201][4].state_val)"
                :stateDesc="pageData[201][4].state_desc"
                :name="'-'+pageData[201][4].state_desc.split('-')[1]"
                :isMainPage="true"
                :scale=0.7
                :translate-x="196"
                :translate-y="157"
                :text-translate-y="-5"
                :rotate="90"
              ></terminal-svg>
              <g @click="goBreakPage(201)">
                <rect-svg
                  :state="Number(pageData[201][0].state_val)"
                  :stateDesc="pageData[201][0].state_desc"
                  :rotate="90"
                  :translate-y="184"
                  :translate-x="168"
                  :text-translate-x="10"
                  :text-translate-y="-4"
                  :scale="0.7"
                  :isMainPage="true"
                  :itemObj="{is_clear:pageData[201][0].is_clear}"
                  :name="pageData[201][0].state_desc"
                ></rect-svg>
              </g>
              <line x1="140" y1="211" x2="140" y2="255" style="stroke:rgb(128,0,128);stroke-width:2"/>
              <line x1="140" y1="220" x2="150" y2="220" style="stroke:rgb(128,0,128);stroke-width:2"/>
              <terminal-svg
                :state="Number(pageData[201][3].state_val)"
                :stateDesc="pageData[201][3].state_desc"
                :name="'-'+pageData[201][3].state_desc.split('-')[1]"
                :isMainPage="true"
                :scale=0.7
                :translate-x="196"
                :translate-y="202"
                :text-translate-y="-5"
                :rotate="90"
              ></terminal-svg>
              <connect-line
                :state="Number(pageData[201][1].state_val)"
                :stateDesc="pageData[201][1].state_desc"
                :scale="0.6"
                :isMainPage="true"
                :rotate="-90"
                :translate-x="76"
                :translate-y="282"
                :text-translate-y="10"
                :text-translate-x="42"
                :name="'-'+pageData[201][1].state_desc.split('-')[1]"></connect-line>
              <connect-line
                :state="Number(pageData[201][2].state_val)"
                :stateDesc="pageData[201][2].state_desc"
                :scale="0.6"
                :isMainPage="true"
                :rotate="-90"
                :translate-x="116"
                :translate-y="282"
                :text-translate-y="10"
                :text-translate-x="42"
                :name="'-'+pageData[201][2].state_desc.split('-')[1]"></connect-line>
              <line x1="100" y1="286" x2="100" y2="340" style="stroke:rgb(128,0,128);stroke-width:2"/>
              <line x1="140" y1="285" x2="140" y2="320" style="stroke:rgb(128,0,128);stroke-width:2"/>
              <circle r="8" cx="100" cy="343" style="fill:rgb(128,0,128);"/>
              <circle r="8" cx="140" cy="323" style="fill:rgb(128,0,128);"/>
            </g>
          </g>
<!--        220 I母PT  -->
          <g transform="translate(805,0)">
            <g  @click="goPage('220mx')">
              <num-screen
                name="220kV I母PT"
                path="/guchang"
                dir="none"
              ></num-screen>
            </g>

            <g>
              <dian-liu-hu-gan-qi
                :isMainPage="true"
                :scale=1
                :translate-x="0"
                :translate-y="350"
                :rotate="-90"
                :s-width="2"
                color="rgb(128,0,128)"
              ></dian-liu-hu-gan-qi>
              <line x1="140" y1="220" x2="140" y2="250" style="stroke:rgb(128,0,128);stroke-width:2"></line>
              <line x1="140" y1="280" x2="140" y2="380" style="stroke:rgb(128,0,128);stroke-width:2"></line>
              <circle r="8" cx="140" cy="388" style="fill:rgb(128,0,128);"/>
              <line x1="140" y1="230" x2="150" y2="230" style="stroke:rgb(128,0,128);stroke-width:2"/>
              <connect-line
                :state="Number(pageData['1A'][1].state_val)"
                :stateDesc="pageData['1A'][1].state_desc"
                :scale="0.6"
                :isMainPage="true"
                :rotate="-90"
                :translate-x="116"
                :translate-y="276"
                :text-translate-y="10"
                :text-translate-x="50"
                :name="'-'+pageData['1A'][0].state_desc.split('-')[1]"></connect-line>
              <terminal-svg
                :state="Number(pageData['1A'][2].state_val)"
                :stateDesc="pageData['1A'][2].state_desc"
                :name="'-'+pageData['1A'][2].state_desc.split('-')[1]"
                :isMainPage="true"
                :scale=0.7
                :translate-x="196"
                :translate-y="212"
                :text-translate-y="-5"
                :rotate="90"
              />
              <line x1="140" y1="300" x2="150" y2="300" style="stroke:rgb(128,0,128);stroke-width:2"/>
              <terminal-svg
                :state="Number(pageData['1A'][1].state_val)"
                :stateDesc="pageData['1A'][1].state_desc"
                :name="'-'+pageData['1A'][1].state_desc.split('-')[1]"
                :isMainPage="true"
                :scale=0.7
                :translate-x="196"
                :translate-y="283"
                :text-translate-y="-5"
                :rotate="90"
              />

            </g>

          </g>
          <!--        220 II母PT  -->
          <g transform="translate(935,0)">
            <g  @click="goPage('220mx')">
              <num-screen
                name="220kV II母PT"
                path="/guchang"
                dir="none"
              ></num-screen>
            </g>

            <g>
              <dian-liu-hu-gan-qi
                :isMainPage="true"
                :scale=1
                :translate-x="0"
                :translate-y="350"
                :rotate="-90"
                :s-width="2"
                color="rgb(128,0,128)"
              ></dian-liu-hu-gan-qi>
              <line x1="140" y1="220" x2="140" y2="250" style="stroke:rgb(128,0,128);stroke-width:2"></line>
              <line x1="140" y1="280" x2="140" y2="360" style="stroke:rgb(128,0,128);stroke-width:2"></line>
              <circle r="8" cx="140" cy="368" style="fill:rgb(128,0,128);"/>
              <line x1="140" y1="230" x2="150" y2="230" style="stroke:rgb(128,0,128);stroke-width:2"/>
              <connect-line
                :state="Number(pageData['220IIM'][1].state_val)"
                :stateDesc="pageData['220IIM'][1].state_desc"
                :scale="0.6"
                :isMainPage="true"
                :rotate="-90"
                :translate-x="116"
                :translate-y="276"
                :text-translate-y="10"
                :text-translate-x="50"
                :name="'-'+pageData['220IIM'][0].state_desc.split('-')[1]"></connect-line>
              <terminal-svg
                :state="Number(pageData['220IIM'][2].state_val)"
                :stateDesc="pageData['220IIM'][2].state_desc"
                :name="'-'+pageData['220IIM'][2].state_desc.split('-')[1]"
                :isMainPage="true"
                :scale=0.7
                :translate-x="196"
                :translate-y="212"
                :text-translate-y="-5"
                :rotate="90"
              />
              <line x1="140" y1="300" x2="150" y2="300" style="stroke:rgb(128,0,128);stroke-width:2"/>
              <terminal-svg
                :state="Number(pageData['220IIM'][1].state_val)"
                :stateDesc="pageData['220IIM'][1].state_desc"
                :name="'-'+pageData['220IIM'][1].state_desc.split('-')[1]"
                :isMainPage="true"
                :scale=0.7
                :translate-x="196"
                :translate-y="283"
                :text-translate-y="-5"
                :rotate="90"
              />

            </g>
          </g>
<!--          220分段-->
          <g transform="translate(1065,0)">
            <num-screen
              name="220kV分段"
              path="/guchang"
              :P="pageData['203'][5].state_val"
              :Q="pageData['203'][6].state_val"
              :Ia="pageData['203'][7].state_val"
            ></num-screen>
            <g transform="translate(10,45)">
              <polyline points="140,185,140,80,100,80,100,255" fill="none" stroke="rgb(128,0,128)" stroke-width="2"></polyline>
              <line x1="140" y1="175" x2="150" y2="175" style="stroke:rgb(128,0,128);stroke-width:2"/>
              <terminal-svg
                :state="Number(pageData[203][3].state_val)"
                :stateDesc="pageData[203][3].state_desc"
                :name="'-'+pageData[203][3].state_desc.split('-')[1]"
                :isMainPage="true"
                :scale=0.7
                :translate-x="196"
                :translate-y="157"
                :text-translate-y="-25"
                :text-translate-x="-45"
                :rotate="90"
              ></terminal-svg>
              <g @click="goBreakPage(203)">
                <rect-svg
                  :state="Number(pageData[203][0].state_val)"
                  :stateDesc="pageData[203][0].state_desc"
                  :rotate="90"
                  :translate-y="184"
                  :translate-x="168"
                  :text-translate-x="10"
                  :text-translate-y="-4"
                  :scale="0.7"
                  :isMainPage="true"
                  :itemObj="{is_clear:pageData[203][0].is_clear}"
                  :name="pageData[203][0].state_desc"
                ></rect-svg>
              </g>
              <line x1="140" y1="211" x2="140" y2="255" style="stroke:rgb(128,0,128);stroke-width:2"/>
              <line x1="140" y1="220" x2="150" y2="220" style="stroke:rgb(128,0,128);stroke-width:2"/>
              <terminal-svg
                :state="Number(pageData[203][4].state_val)"
                :stateDesc="pageData[203][4].state_desc"
                :name="'-'+pageData[203][4].state_desc.split('-')[1]"
                :isMainPage="true"
                :scale=0.7
                :translate-x="196"
                :translate-y="202"
                :text-translate-y="15"
                :text-translate-x="-45"
                :rotate="90"
              ></terminal-svg>
              <connect-line
                :state="Number(pageData[203][1].state_val)"
                :stateDesc="pageData[203][1].state_desc"
                :scale="0.6"
                :isMainPage="true"
                :rotate="-90"
                :translate-x="76"
                :translate-y="282"
                :text-translate-y="10"
                :text-translate-x="42"
                :name="'-'+pageData[203][1].state_desc.split('-')[1]"></connect-line>
              <connect-line
                :state="Number(pageData[203][2].state_val)"
                :stateDesc="pageData[203][2].state_desc"
                :scale="0.6"
                :isMainPage="true"
                :rotate="-90"
                :translate-x="116"
                :translate-y="282"
                :text-translate-y="10"
                :text-translate-x="42"
                :name="'-'+pageData[203][2].state_desc.split('-')[1]"></connect-line>
              <line x1="100" y1="286" x2="100" y2="340" style="stroke:rgb(128,0,128);stroke-width:2"/>
              <line x1="140" y1="285" x2="140" y2="343" style="stroke:rgb(128,0,128);stroke-width:2"/>
              <circle r="8" cx="100" cy="343" style="fill:rgb(128,0,128);"/>
              <circle r="8" cx="140" cy="343" style="fill:rgb(128,0,128);"/>
            </g>
          </g>
<!--#2主变高压侧-->
          <g transform="translate(1195,0)">
            <num-screen
              name="#2主变高压侧"
              path="/guchang"
              :P="pageData['212'][7].state_val"
              :Q="pageData['212'][8].state_val"
              :Ia="pageData['212'][9].state_val"
            ></num-screen>
            <g transform="translate(5,45)">
              <polyline points="140,50,70,50,70,370,-20,370" fill="none" stroke="rgb(128,0,128)" stroke-width="2" ></polyline>
              <line x1="140" y1="50" x2="140" y2="120" style="stroke:rgb(128,0,128);stroke-width:2"/>
              <bi-lei-qi :translate-x="10" :translate-y="-25" color="rgb(128,0,128)"></bi-lei-qi>
              <xian-quan :translate-x="10" :translate-y="-5" color="rgb(128,0,128)"></xian-quan>
              <line x1="140" y1="120" x2="150" y2="120" style="stroke:rgb(128,0,128);stroke-width:2"/>
              <terminal-svg
                :state="Number(pageData[212][6].state_val)"
                :stateDesc="pageData[212][6].state_desc"
                :name="'-'+pageData[212][6].state_desc.split('-')[1]"
                :isMainPage="true"
                :scale=0.7
                :translate-x="196"
                :translate-y="102"
                :text-translate-y="-5"
                :rotate="90"
              ></terminal-svg>
              <line x1="140" y1="120" x2="140" y2="135" style="stroke:rgb(128,0,128);stroke-width:2"/>
              <connect-line
                :state="Number(pageData[212][1].state_val)"
                :stateDesc="pageData[212][1].state_desc"
                :scale="0.6"
                :isMainPage="true"
                :rotate="-90"
                :translate-x="116"
                :translate-y="162"
                :text-translate-y="10"
                :text-translate-x="50"
                :name="'-'+pageData[212][1].state_desc.split('-')[1]"></connect-line>
              <line x1="140" y1="165" x2="140" y2="185" style="stroke:rgb(128,0,128);stroke-width:2"/>
              <line x1="140" y1="175" x2="150" y2="175" style="stroke:rgb(128,0,128);stroke-width:2"/>
              <terminal-svg
                :state="Number(pageData[212][5].state_val)"
                :stateDesc="pageData[212][5].state_desc"
                :name="'-'+pageData[212][5].state_desc.split('-')[1]"
                :isMainPage="true"
                :scale=0.7
                :translate-x="196"
                :translate-y="157"
                :text-translate-y="-5"
                :rotate="90"
              ></terminal-svg>
              <g @click="goBreakPage(212)">
                <rect-svg
                  :state="Number(pageData[212][0].state_val)"
                  :stateDesc="pageData[212][0].state_desc"
                  :rotate="90"
                  :translate-y="184"
                  :translate-x="168"
                  :text-translate-x="10"
                  :text-translate-y="-4"
                  :scale="0.7"
                  :isMainPage="true"
                  :itemObj="{is_clear:pageData[212][0].is_clear}"
                  :name="pageData[212][0].state_desc"
                ></rect-svg>
              </g>
              <line x1="140" y1="211" x2="140" y2="240" style="stroke:rgb(128,0,128);stroke-width:2"/>
              <line x1="140" y1="220" x2="150" y2="220" style="stroke:rgb(128,0,128);stroke-width:2"/>
              <terminal-svg
                :state="Number(pageData[212][4].state_val)"
                :stateDesc="pageData[212][4].state_desc"
                :name="'-'+pageData[212][4].state_desc.split('-')[1]"
                :isMainPage="true"
                :scale=0.7
                :translate-x="196"
                :translate-y="202"
                :text-translate-y="-5"
                :rotate="90"
              ></terminal-svg>
              <line x1="125" y1="240" x2="155" y2="240" style="stroke:rgb(128,0,128);stroke-width:2"/>
              <line x1="125" y1="240" x2="125" y2="255" style="stroke:rgb(128,0,128);stroke-width:2"/>
              <line x1="155" y1="240" x2="155" y2="255" style="stroke:rgb(128,0,128);stroke-width:2"/>
              <connect-line
                :state="Number(pageData[212][2].state_val)"
                :stateDesc="pageData[212][2].state_desc"
                :scale="0.6"
                :isMainPage="true"
                :rotate="-90"
                :translate-x="101"
                :translate-y="282"
                :text-translate-y="10"
                :text-translate-x="42"
                :name="'-'+pageData[212][2].state_desc.split('-')[1]"></connect-line>
              <connect-line
                :state="Number(pageData[212][3].state_val)"
                :stateDesc="pageData[212][3].state_desc"
                :scale="0.6"
                :isMainPage="true"
                :rotate="-90"
                :translate-x="131"
                :translate-y="282"
                :text-translate-y="10"
                :text-translate-x="42"
                :name="'-'+pageData[212][3].state_desc.split('-')[1]"></connect-line>
              <line x1="125" y1="285" x2="125" y2="340" style="stroke:rgb(128,0,128);stroke-width:2"/>
              <line x1="155" y1="285" x2="155" y2="320" style="stroke:rgb(128,0,128);stroke-width:2"/>
              <circle r="8" cx="125" cy="343" style="fill:rgb(128,0,128);"/>
              <circle r="8" cx="155" cy="323" style="fill:rgb(128,0,128);"/>
            </g>
          </g>
<!--          石古II-->
          <g transform="translate(1325,0)">
            <num-screen
              name="石古II线"
              :ft-code="275"
              :P="pageData['275'][7].state_val"
              :Q="pageData['275'][8].state_val"
              :Ia="pageData['275'][9].state_val"
            ></num-screen>
            <g transform="translate(5,45)">
              <polygon points="150,50 160,50 155,40" style="fill:rgb(128,0,128);" transform="translate(-15,8)"/>
              <line x1="140" y1="50" x2="140" y2="120" style="stroke:rgb(128,0,128);stroke-width:2"/>
              <bi-lei-qi :translate-x="10" :translate-y="-25" color="rgb(128,0,128)"></bi-lei-qi>
              <xian-quan :translate-x="10" :translate-y="-5" color="rgb(128,0,128)"></xian-quan>
              <line x1="140" y1="120" x2="150" y2="120" style="stroke:rgb(128,0,128);stroke-width:2"/>
              <terminal-svg
                :state="Number(pageData[275][6].state_val)"
                :stateDesc="pageData[275][6].state_desc"
                :name="'-'+pageData[275][6].state_desc.split('-')[1]"
                :isMainPage="true"
                :scale=0.7
                :translate-x="196"
                :translate-y="102"
                :text-translate-y="-5"
                :rotate="90"
              ></terminal-svg>
              <line x1="140" y1="120" x2="140" y2="135" style="stroke:rgb(128,0,128);stroke-width:2"/>
              <connect-line
                :state="Number(pageData[275][1].state_val)"
                :stateDesc="pageData[275][1].state_desc"
                :scale="0.6"
                :isMainPage="true"
                :rotate="-90"
                :translate-x="116"
                :translate-y="162"
                :text-translate-y="10"
                :text-translate-x="50"
                :name="'-'+pageData[275][1].state_desc.split('-')[1]"></connect-line>
              <line x1="140" y1="165" x2="140" y2="185" style="stroke:rgb(128,0,128);stroke-width:2"/>
              <line x1="140" y1="175" x2="150" y2="175" style="stroke:rgb(128,0,128);stroke-width:2"/>
              <terminal-svg
                :state="Number(pageData[275][5].state_val)"
                :stateDesc="pageData[275][5].state_desc"
                :name="'-'+pageData[275][5].state_desc.split('-')[1]"
                :isMainPage="true"
                :scale=0.7
                :translate-x="196"
                :translate-y="157"
                :text-translate-y="-5"
                :rotate="90"
              ></terminal-svg>
              <g @click="goBreakPage(275)">
                <rect-svg
                  :state="Number(pageData[275][0].state_val)"
                  :stateDesc="pageData[275][0].state_desc"
                  :rotate="90"
                  :translate-y="184"
                  :translate-x="168"
                  :text-translate-x="10"
                  :text-translate-y="-4"
                  :scale="0.7"
                  :isMainPage="true"
                  :itemObj="{is_clear:pageData[275][0].is_clear}"
                  :name="pageData[275][0].state_desc"
                ></rect-svg>
              </g>
              <line x1="140" y1="211" x2="140" y2="240" style="stroke:rgb(128,0,128);stroke-width:2"/>
              <line x1="140" y1="220" x2="150" y2="220" style="stroke:rgb(128,0,128);stroke-width:2"/>
              <terminal-svg
                :state="Number(pageData[275][4].state_val)"
                :stateDesc="pageData[275][4].state_desc"
                :name="'-'+pageData[275][4].state_desc.split('-')[1]"
                :isMainPage="true"
                :scale=0.7
                :translate-x="196"
                :translate-y="202"
                :text-translate-y="-5"
                :rotate="90"
              ></terminal-svg>
              <line x1="125" y1="240" x2="155" y2="240" style="stroke:rgb(128,0,128);stroke-width:2"/>
              <line x1="125" y1="240" x2="125" y2="255" style="stroke:rgb(128,0,128);stroke-width:2"/>
              <line x1="155" y1="240" x2="155" y2="255" style="stroke:rgb(128,0,128);stroke-width:2"/>
              <connect-line
                :state="Number(pageData[275][2].state_val)"
                :stateDesc="pageData[275][2].state_desc"
                :scale="0.6"
                :isMainPage="true"
                :rotate="-90"
                :translate-x="101"
                :translate-y="282"
                :text-translate-y="10"
                :text-translate-x="42"
                :name="'-'+pageData[275][2].state_desc.split('-')[1]"></connect-line>
              <connect-line
                :state="Number(pageData[275][3].state_val)"
                :stateDesc="pageData[275][3].state_desc"
                :scale="0.6"
                :isMainPage="true"
                :rotate="-90"
                :translate-x="131"
                :translate-y="282"
                :text-translate-y="10"
                :text-translate-x="42"
                :name="'-'+pageData[275][3].state_desc.split('-')[1]"></connect-line>
              <line x1="125" y1="285" x2="125" y2="340" style="stroke:rgb(128,0,128);stroke-width:2"/>
              <line x1="155" y1="285" x2="155" y2="320" style="stroke:rgb(128,0,128);stroke-width:2"/>
              <circle r="8" cx="125" cy="343" style="fill:rgb(128,0,128);"/>
              <circle r="8" cx="155" cy="323" style="fill:rgb(128,0,128);"/>
            </g>
          </g>
<!--          古北II-->
          <g transform="translate(1455,0)">
            <num-screen
              name="古北II线"
              :ft-code="276"
              path="/guchang"
              :P="pageData['276'][7].state_val"
              :Q="pageData['276'][8].state_val"
              :Ia="pageData['276'][9].state_val"
            ></num-screen>
            <g transform="translate(5,45)">
              <polygon points="150,50 160,50 155,40" style="fill:rgb(128,0,128);" transform="translate(-15,8)"/>
              <line x1="140" y1="50" x2="140" y2="120" style="stroke:rgb(128,0,128);stroke-width:2"/>
              <bi-lei-qi :translate-x="10" :translate-y="-25" color="rgb(128,0,128)"></bi-lei-qi>
              <xian-quan :translate-x="10" :translate-y="-5" color="rgb(128,0,128)"></xian-quan>
              <line x1="140" y1="120" x2="150" y2="120" style="stroke:rgb(128,0,128);stroke-width:2"/>
              <terminal-svg
                :state="Number(pageData[276][6].state_val)"
                :stateDesc="pageData[276][6].state_desc"
                :name="'-'+pageData[276][6].state_desc.split('-')[1]"
                :isMainPage="true"
                :scale=0.7
                :translate-x="196"
                :translate-y="102"
                :text-translate-y="-5"
                :rotate="90"
              ></terminal-svg>
              <line x1="140" y1="120" x2="140" y2="135" style="stroke:rgb(128,0,128);stroke-width:2"/>
              <connect-line
                :state="Number(pageData[276][1].state_val)"
                :stateDesc="pageData[276][1].state_desc"
                :scale="0.6"
                :isMainPage="true"
                :rotate="-90"
                :translate-x="116"
                :translate-y="162"
                :text-translate-y="10"
                :text-translate-x="50"
                :name="'-'+pageData[276][1].state_desc.split('-')[1]"></connect-line>
              <line x1="140" y1="165" x2="140" y2="185" style="stroke:rgb(128,0,128);stroke-width:2"/>
              <line x1="140" y1="175" x2="150" y2="175" style="stroke:rgb(128,0,128);stroke-width:2"/>
              <terminal-svg
                :state="Number(pageData[276][5].state_val)"
                :stateDesc="pageData[276][5].state_desc"
                :name="'-'+pageData[276][5].state_desc.split('-')[1]"
                :isMainPage="true"
                :scale=0.7
                :translate-x="196"
                :translate-y="157"
                :text-translate-y="-5"
                :rotate="90"
              ></terminal-svg>
              <g @click="goBreakPage(276)">
                <rect-svg
                  :state="Number(pageData[276][0].state_val)"
                  :stateDesc="pageData[276][0].state_desc"
                  :rotate="90"
                  :translate-y="184"
                  :translate-x="168"
                  :text-translate-x="10"
                  :text-translate-y="-4"
                  :scale="0.7"
                  :isMainPage="true"
                  :itemObj="{is_clear:pageData[276][0].is_clear}"
                  :name="pageData[276][0].state_desc"
                ></rect-svg>
              </g>
              <line x1="140" y1="211" x2="140" y2="240" style="stroke:rgb(128,0,128);stroke-width:2"/>
              <line x1="140" y1="220" x2="150" y2="220" style="stroke:rgb(128,0,128);stroke-width:2"/>
              <terminal-svg
                :state="Number(pageData[276][4].state_val)"
                :stateDesc="pageData[276][4].state_desc"
                :name="'-'+pageData[276][4].state_desc.split('-')[1]"
                :isMainPage="true"
                :scale=0.7
                :translate-x="196"
                :translate-y="202"
                :text-translate-y="-5"
                :rotate="90"
              ></terminal-svg>
              <line x1="125" y1="240" x2="155" y2="240" style="stroke:rgb(128,0,128);stroke-width:2"/>
              <line x1="125" y1="240" x2="125" y2="255" style="stroke:rgb(128,0,128);stroke-width:2"/>
              <line x1="155" y1="240" x2="155" y2="255" style="stroke:rgb(128,0,128);stroke-width:2"/>
              <connect-line
                :state="Number(pageData[276][2].state_val)"
                :stateDesc="pageData[276][2].state_desc"
                :scale="0.6"
                :isMainPage="true"
                :rotate="-90"
                :translate-x="101"
                :translate-y="282"
                :text-translate-y="10"
                :text-translate-x="42"
                :name="'-'+pageData[276][2].state_desc.split('-')[1]"></connect-line>
              <connect-line
                :state="Number(pageData[276][3].state_val)"
                :stateDesc="pageData[276][3].state_desc"
                :scale="0.6"
                :isMainPage="true"
                :rotate="-90"
                :translate-x="131"
                :translate-y="282"
                :text-translate-y="10"
                :text-translate-x="42"
                :name="'-'+pageData[276][3].state_desc.split('-')[1]"></connect-line>
              <line x1="125" y1="285" x2="125" y2="340" style="stroke:rgb(128,0,128);stroke-width:2"/>
              <line x1="155" y1="285" x2="155" y2="320" style="stroke:rgb(128,0,128);stroke-width:2"/>
              <circle r="8" cx="125" cy="343" style="fill:rgb(128,0,128);"/>
              <circle r="8" cx="155" cy="323" style="fill:rgb(128,0,128);"/>
            </g>
          </g>
<!--          220部分母线遥测-->
          <g transform="translate(60,260)">
            <text x="100" y="210" fill="#FFFFFF">Uab</text>
            <text x="100" y="250" fill="#FFFFFF">Ubc</text>
            <text x="100" y="290" fill="#FFFFFF">Uca</text>
            <text x="180" y="180" fill="#FFFFFF">1A母线</text>
            <text x="280" y="180" fill="#FFFFFF">2母线</text>
            <text x="380" y="180" fill="#FFFFFF">1B母线</text>
            <text x="440" y="210" fill="#FFFFFF">kV</text>
            <text x="440" y="250" fill="#FFFFFF">kV</text>
            <text x="440" y="290" fill="#FFFFFF">kV</text>
            <text x="180" y="210" fill="#93f958">{{ Number(pageData["1A"][3].state_val).toFixed(2) }}</text>
            <text x="180" y="250" fill="#93f958">{{ Number(pageData["1A"][4].state_val).toFixed(2) }}</text>
            <text x="180" y="290" fill="#93f958">{{ Number(pageData["1A"][5].state_val).toFixed(2) }}</text>
            <text x="280" y="210" fill="#93f958">{{ Number(pageData["220IIM"][3].state_val).toFixed(2) }}</text>
            <text x="280" y="250" fill="#93f958">{{ Number(pageData["220IIM"][4].state_val).toFixed(2) }}</text>
            <text x="280" y="290" fill="#93f958">{{ Number(pageData["220IIM"][5].state_val).toFixed(2) }}</text>
            <text x="380" y="210" fill="#93f958">{{ Number(pageData["1B"][0].state_val).toFixed(2) }}</text>
            <text x="380" y="250" fill="#93f958">{{ Number(pageData["1B"][1].state_val).toFixed(2) }}</text>
            <text x="380" y="290" fill="#93f958">{{ Number(pageData["1B"][2].state_val).toFixed(2) }}</text>
          </g>
<!--          220部分结束-->
<!--          #1主变部分-->
          <g>
            <g transform="translate(670,390)"  @contextmenu.prevent="itemRightClick({type:'zhutuxianlu',deviceName:'1号主变',info:{}})">
              <num-screen name="#1主变" ft-code="1zb" dir="none"></num-screen>
            </g>
            <g  transform="translate(20,0)">
              <text x="890" y="470" fill="#FFFFFF">油温1</text>
              <text x="890" y="500" fill="#FFFFFF">油温2</text>
              <text x="890" y="530" fill="#FFFFFF">绕温</text>
              <text x="890" y="560" fill="#FFFFFF">档位</text>
              <text x="960" y="470" fill="#FFFFFF">{{Number(pageData["1zb"][2].state_val).toFixed(2)}}</text>
              <text x="960" y="500" fill="#FFFFFF">{{Number(pageData["1zb"][3].state_val).toFixed(2)}}</text>
              <text x="960" y="530" fill="#FFFFFF">{{Number(pageData["1zb"][4].state_val).toFixed(2)}}</text>
              <text x="960" y="560" fill="#FFFFFF">{{Number(pageData["1zb"][5].state_val).toFixed(2)}}</text>
              <line x1="870" y1="450" x2="1010" y2="450" style="stroke:rgb(255,255,255);stroke-width:4"/>
              <line x1="870" y1="480" x2="1010" y2="480" style="stroke:rgb(255,255,255);stroke-width:4"/>
              <line x1="870" y1="510" x2="1010" y2="510" style="stroke:rgb(255,255,255);stroke-width:4"/>
              <line x1="870" y1="540" x2="1010" y2="540" style="stroke:rgb(255,255,255);stroke-width:4"/>
              <line x1="870" y1="570" x2="1010" y2="570" style="stroke:rgb(255,255,255);stroke-width:4"/>
              <line x1="870" y1="448" x2="870" y2="572" style="stroke:rgb(255,255,255);stroke-width:4"/>
              <line x1="1010" y1="448" x2="1010" y2="572" style="stroke:rgb(255,255,255);stroke-width:4"/>
            </g>
            <circle r="23" cx="720" cy="480" fill="none" stroke-width="2" stroke="rgb(128,0,128)"/>
            <line x1="720" y1="414" x2="720" y2="480" style="stroke:rgb(128,0,128);stroke-width:2"/>
            <line x1="680" y1="498" x2="753" y2="463" style="stroke:rgb(128,0,128);stroke-width:2"/>
            <polyline points="745.21,470.70 753,463 742.67,463.98" fill="purple" stroke="rgb(128,0,128)" />
            <line x1="720" y1="480" x2="740" y2="494" style="stroke:rgb(128,0,128);stroke-width:2"/>

            <circle r="23" cx="700" cy="505" fill="none" stroke-width="2" stroke="rgb(240,65,85)"/>
            <line x1="700" y1="505" x2="700" y2="490" style="stroke:rgb(240,65,85);stroke-width:2"/>
            <line x1="700" y1="505" x2="690" y2="512" style="stroke:rgb(240,65,85);stroke-width:2"/>
            <line x1="700" y1="505" x2="710" y2="512" style="stroke:rgb(240,65,85);stroke-width:2"/>
            <line x1="700" y1="528" x2="700" y2="600" style="stroke:rgb(240,65,85);stroke-width:2"/>

            <circle r="23" cx="740" cy="505" fill="none" stroke-width="2" stroke="rgb(0,210,0)"/>
            <line x1="740" y1="528" x2="740" y2="615" style="stroke:rgb(0,210,0);stroke-width:2"/>
            <line x1="740" y1="615" x2="1640" y2="615" style="stroke:rgb(0,210,0);stroke-width:2"/>
            <polyline points="733,490,733,520,753,505,733,490" style="stroke:rgb(0,210,0);stroke-width:2"/>
            <line x1="720" y1="480" x2="590" y2="480" style="stroke:rgb(128,0,128);stroke-width:2"/>
            <bi-lei-qi :translate-x="570" :translate-y="609" color="rgb(128,0,128)" :rotate="-90"></bi-lei-qi>
            <jiedi :translate-x="535" :translate-y="609" color="rgb(128,0,128)" :rotate="-90"></jiedi>
            <line x1="590" y1="480" x2="590" y2="470" style="stroke:rgb(128,0,128);stroke-width:2"></line>
            <terminal-svg
              :state="Number(pageData['1zb'][0].state_val)"
              :stateDesc="pageData['1zb'][0].state_desc"
              :name="pageData['1zb'][0].state_desc"
              :isMainPage="true"
              :scale=0.7
              :translate-x="572"
              :translate-y="422"
              :text-translate-y="30"
              :text-translate-x="-40"
              :rotate="0"
            ></terminal-svg>

            <line x1="700" y1="505" x2="590" y2="505" style="stroke:rgb(240,65,85);stroke-width:2"/>
            <bi-lei-qi :translate-x="765" :translate-y="376" color="rgb(240,65,85)" :rotate="90"></bi-lei-qi>
            <jiedi :translate-x="730" :translate-y="376" color="rgb(240,65,85)" :rotate="90"></jiedi>
            <line x1="590" y1="505" x2="590" y2="515" style="stroke:rgb(240,65,85);stroke-width:2"></line>
            <terminal-svg
              :state="Number(pageData['1zb'][1].state_val)"
              :stateDesc="pageData['1zb'][1].state_desc"
              :name="pageData['1zb'][1].state_desc"
              :isMainPage="true"
              :scale=0.7
              :translate-x="608"
              :translate-y="562"
              :text-translate-y="10"
              :text-translate-x="6"
              :rotate="180"
            ></terminal-svg>
          </g>
<!--          #2主变-->
          <g transform="translate(460,0)">
            <g transform="translate(670,390)"     @contextmenu.prevent="itemRightClick({type:'zhutuxianlu',deviceName:'2号主变',info:{}})">
              <num-screen name="#2主变" ft-code="2zb" dir="none"></num-screen>
            </g>
            <g  transform="translate(20,0)">
              <text x="890" y="470" fill="#FFFFFF">油温1</text>
              <text x="890" y="500" fill="#FFFFFF">油温2</text>
              <text x="890" y="530" fill="#FFFFFF">绕温</text>
              <text x="890" y="560" fill="#FFFFFF">档位</text>
              <text x="960" y="470" fill="#FFFFFF">{{Number(pageData["2zb"][2].state_val).toFixed(2)}}</text>
              <text x="960" y="500" fill="#FFFFFF">{{Number(pageData["2zb"][3].state_val).toFixed(2)}}</text>
              <text x="960" y="530" fill="#FFFFFF">{{Number(pageData["2zb"][4].state_val).toFixed(2)}}</text>
              <text x="960" y="560" fill="#FFFFFF">{{Number(pageData["2zb"][5].state_val).toFixed(2)}}</text>
              <line x1="870" y1="450" x2="1010" y2="450" style="stroke:rgb(255,255,255);stroke-width:4"/>
              <line x1="870" y1="480" x2="1010" y2="480" style="stroke:rgb(255,255,255);stroke-width:4"/>
              <line x1="870" y1="510" x2="1010" y2="510" style="stroke:rgb(255,255,255);stroke-width:4"/>
              <line x1="870" y1="540" x2="1010" y2="540" style="stroke:rgb(255,255,255);stroke-width:4"/>
              <line x1="870" y1="570" x2="1010" y2="570" style="stroke:rgb(255,255,255);stroke-width:4"/>
              <line x1="870" y1="448" x2="870" y2="572" style="stroke:rgb(255,255,255);stroke-width:4"/>
              <line x1="1010" y1="448" x2="1010" y2="572" style="stroke:rgb(255,255,255);stroke-width:4"/>
            </g>
            <circle r="23" cx="720" cy="480" fill="none" stroke-width="2" stroke="rgb(128,0,128)"/>
            <line x1="720" y1="414" x2="720" y2="480" style="stroke:rgb(128,0,128);stroke-width:2"/>
            <line x1="680" y1="498" x2="753" y2="463" style="stroke:rgb(128,0,128);stroke-width:2"/>
            <polyline points="745.21,470.70 753,463 742.67,463.98" fill="purple" stroke="rgb(128,0,128)" />
            <line x1="720" y1="480" x2="740" y2="494" style="stroke:rgb(128,0,128);stroke-width:2"/>

            <circle r="23" cx="700" cy="505" fill="none" stroke-width="2" stroke="rgb(240,65,85)"/>
            <line x1="700" y1="505" x2="700" y2="490" style="stroke:rgb(240,65,85);stroke-width:2"/>
            <line x1="700" y1="505" x2="690" y2="512" style="stroke:rgb(240,65,85);stroke-width:2"/>
            <line x1="700" y1="505" x2="710" y2="512" style="stroke:rgb(240,65,85);stroke-width:2"/>
            <line x1="700" y1="528" x2="700" y2="600" style="stroke:rgb(240,65,85);stroke-width:2"/>

            <circle r="23" cx="740" cy="505" fill="none" stroke-width="2" stroke="rgb(0,210,0)"/>
            <line x1="740" y1="528" x2="740" y2="595" style="stroke:rgb(0,210,0);stroke-width:2"/>
            <line x1="740" y1="595" x2="1301" y2="595" style="stroke:rgb(0,210,0);stroke-width:2"/>
            <polyline points="733,490,733,520,753,505,733,490" style="stroke:rgb(0,210,0);stroke-width:2"/>
            <line x1="720" y1="480" x2="590" y2="480" style="stroke:rgb(128,0,128);stroke-width:2"/>
            <bi-lei-qi :translate-x="570" :translate-y="609" color="rgb(128,0,128)" :rotate="-90"></bi-lei-qi>
            <jiedi :translate-x="535" :translate-y="609" color="rgb(128,0,128)" :rotate="-90"></jiedi>
            <line x1="590" y1="480" x2="590" y2="470" style="stroke:rgb(128,0,128);stroke-width:2"></line>
            <terminal-svg
              :state="Number(pageData['2zb'][0].state_val)"
              :stateDesc="pageData['2zb'][0].state_desc"
              :name="pageData['2zb'][0].state_desc"
              :isMainPage="true"
              :scale=0.7
              :translate-x="572"
              :translate-y="422"
              :text-translate-y="-10"
              :text-translate-x="-10"
              :rotate="0"
            ></terminal-svg>

            <line x1="700" y1="505" x2="590" y2="505" style="stroke:rgb(240,65,85);stroke-width:2"/>
            <bi-lei-qi :translate-x="765" :translate-y="376" color="rgb(240,65,85)" :rotate="90"></bi-lei-qi>
            <jiedi :translate-x="730" :translate-y="376" color="rgb(240,65,85)" :rotate="90"></jiedi>
            <line x1="590" y1="505" x2="590" y2="515" style="stroke:rgb(240,65,85);stroke-width:2"></line>
            <terminal-svg
              :state="Number(pageData['2zb'][1].state_val)"
              :stateDesc="pageData['2zb'][1].state_desc"
              :name="pageData['2zb'][1].state_desc"
              :isMainPage="true"
              :scale=0.7
              :translate-x="608"
              :translate-y="562"
              :text-translate-y="50"
              :text-translate-x="45"
              :rotate="180"
            ></terminal-svg>
          </g>
<!--110开始-->
<!--110遥测-->
          <g transform="translate(120,450)">
            <text x="100" y="210" fill="#FFFFFF">Uab</text>
            <text x="100" y="250" fill="#FFFFFF">Ubc</text>
            <text x="100" y="290" fill="#FFFFFF">Uca</text>
            <text x="180" y="180" fill="#FFFFFF">1#母线</text>
            <text x="280" y="180" fill="#FFFFFF">2#母线</text>
            <text x="380" y="210" fill="#FFFFFF">kV</text>
            <text x="380" y="250" fill="#FFFFFF">kV</text>
            <text x="380" y="290" fill="#FFFFFF">kV</text>
            <text x="180" y="210" fill="#93f958">{{ Number(pageData["110IM"][3].state_val).toFixed(2) }}</text>
            <text x="180" y="250" fill="#93f958">{{ Number(pageData["110IM"][4].state_val).toFixed(2) }}</text>
            <text x="180" y="290" fill="#93f958">{{ Number(pageData["110IM"][5].state_val).toFixed(2) }}</text>
            <text x="280" y="210" fill="#93f958">{{ Number(pageData["110IIM"][3].state_val).toFixed(2) }}</text>
            <text x="280" y="250" fill="#93f958">{{ Number(pageData["110IIM"][4].state_val).toFixed(2) }}</text>
            <text x="280" y="290" fill="#93f958">{{ Number(pageData["110IIM"][5].state_val).toFixed(2) }}</text>
          </g>
<!--          110kv I PT-->
          <g>
            <circle r="8" cx="140" cy="758" fill="rgb(240,65,85)" stroke-width="2" />
            <line x1="140" y1="758" x2="140" y2="800" style="stroke:rgb(240,65,85);stroke-width:2"/>
            <line x1="140" y1="783" x2="150" y2="783" style="stroke:rgb(240,65,85);stroke-width:2"/>
            <terminal-svg
              :state="Number(pageData['110IM'][1].state_val)"
              :stateDesc="pageData['110IM'][1].state_desc"
              :name="'-'+pageData['110IM'][1].state_desc.split('-')[1]"
              :isMainPage="true"
              :scale=0.7
              :translate-x="196"
              :translate-y="765"
              :text-translate-y="-5"
              :rotate="90"
            ></terminal-svg>
            <connect-line
              :state="Number(pageData['110IM'][0].state_val)"
              :stateDesc="pageData['110IM'][0].state_desc"
              :scale="0.6"
              :isMainPage="true"
              :rotate="-90"
              :translate-x="116"
              :translate-y="825"
              :text-translate-y="10"
              :text-translate-x="42"
              :name="pageData['110IM'][0].state_desc"></connect-line>
            <line x1="140" y1="828" x2="140" y2="845" stroke="rgb(240,65,85)" stroke-width="2"></line>
            <line x1="140" y1="845" x2="150" y2="845" stroke="rgb(240,65,85)" stroke-width="2"></line>
            <terminal-svg
              :state="Number(pageData['110IM'][2].state_val)"
              :stateDesc="pageData['110IM'][2].state_desc"
              :name="'-'+pageData['110IM'][2].state_desc.split('-')[1]"
              :isMainPage="true"
              :scale=0.7
              :translate-x="196"
              :translate-y="826"
              :text-translate-y="-5"
              :rotate="90"
            ></terminal-svg>
            <dian-liu-hu-gan-qi :translate-x="280" :translate-y="715" color="rgb(240,65,85)" :rotate="90" :s-width="2"></dian-liu-hu-gan-qi>
            <g transform="translate(0,943)">
              <num-screen name="110kV I段PT" dir="none"></num-screen>
            </g>

          </g>
<!--          173-->
          <g>
            <circle r="8" cx="270" cy="758" fill="rgb(240,65,85)" stroke-width="2" />
            <line x1="270" y1="758" x2="270" y2="783" style="stroke:rgb(240,65,85);stroke-width:2"/>
            <connect-line
              :state="Number(pageData[173][2].state_val)"
              :stateDesc="pageData[173][2].state_desc"
              :scale="0.6"
              :isMainPage="true"
              :rotate="-90"
              :translate-x="246"
              :translate-y="810"
              :text-translate-y="10"
              :text-translate-x="42"
              :name="'-'+pageData[173][2].state_desc.split('-')[1]"></connect-line>
            <line x1="270" y1="810" x2="270" y2="840" style="stroke:rgb(240,65,85);stroke-width:2"></line>
            <line x1="270" y1="830" x2="280" y2="830" style="stroke:rgb(240,65,85);stroke-width:2"></line>
            <terminal-svg
              :state="Number(pageData[173][3].state_val)"
              :stateDesc="pageData[173][3].state_desc"
              :name="'-'+pageData[173][3].state_desc.split('-')[1]"
              :isMainPage="true"
              :scale=0.7
              :translate-x="326"
              :translate-y="812"
              :text-translate-y="-5"
              :rotate="90"
            />
            <g @click="goBreakPage(173)">
              <rect-svg
                :state="Number(pageData[173][0].state_val)"
                :stateDesc="pageData[173][0].state_desc"
                :rotate="90"
                :translate-y="838"
                :translate-x="298"
                :text-translate-x="10"
                :text-translate-y="-4"
                :scale="0.7"
                :isMainPage="true"
                :itemObj="{is_clear:pageData[173][0].is_clear}"
                :name="pageData[173][0].state_desc"
              ></rect-svg>
            </g>
            <line x1="270" y1="864" x2="270" y2="884" style="stroke:rgb(240,65,85);stroke-width:2"></line>
            <line x1="270" y1="874" x2="280" y2="874" style="stroke:rgb(240,65,85);stroke-width:2"></line>
            <terminal-svg
              :state="Number(pageData[173][4].state_val)"
              :stateDesc="pageData[173][4].state_desc"
              :name="'-'+pageData[173][4].state_desc.split('-')[1]"
              :isMainPage="true"
              :scale=0.7
              :translate-x="326"
              :translate-y="856"
              :text-translate-y="-5"
              :rotate="90"
            />
            <connect-line
              :state="Number(pageData[173][1].state_val)"
              :stateDesc="pageData[173][1].state_desc"
              :scale="0.6"
              :isMainPage="true"
              :rotate="-90"
              :translate-x="246"
              :translate-y="910"
              :text-translate-y="10"
              :text-translate-x="42"
              :name="'-'+pageData[173][1].state_desc.split('-')[1]"></connect-line>
            <line x1="270" y1="913" x2="270" y2="993" style="stroke:rgb(240,65,85);stroke-width:2"></line>
            <line x1="270" y1="923" x2="280" y2="923" style="stroke:rgb(240,65,85);stroke-width:2"></line>
            <terminal-svg
              :state="Number(pageData[173][5].state_val)"
              :stateDesc="pageData[173][5].state_desc"
              :name="'-'+pageData[173][5].state_desc.split('-')[1]"
              :isMainPage="true"
              :scale=0.7
              :translate-x="326"
              :translate-y="905"
              :text-translate-y="-5"
              :rotate="90"
            />
            <xian-quan :translate-x="141" :translate-y="846" color="rgb(240,65,85)"></xian-quan>
            <bi-lei-qi :translate-x="141" :translate-y="870" color="rgb(240,65,85)"></bi-lei-qi>
            <polygon points="150,50 160,50 155,60" style="fill:rgb(240,65,85);" transform="translate(115,943)"/>
            <g transform="translate(120,943)">
              <num-screen
                name="兆垣I线T接"
                dir="bottom"
                :ft-code="173"
                path="/guchang"
                :P="pageData[173][6].state_val"
                :Q="pageData[173][7].state_val"
                :Ia="pageData[173][8].state_val"
              ></num-screen>
            </g>

          </g>
<!--          174-->
          <g transform="translate(130,0)">
            <circle r="8" cx="270" cy="758" fill="rgb(240,65,85)" stroke-width="2" />
            <line x1="270" y1="758" x2="270" y2="783" style="stroke:rgb(240,65,85);stroke-width:2"/>
            <connect-line
              :state="Number(pageData[174][2].state_val)"
              :stateDesc="pageData[174][2].state_desc"
              :scale="0.6"
              :isMainPage="true"
              :rotate="-90"
              :translate-x="246"
              :translate-y="810"
              :text-translate-y="10"
              :text-translate-x="42"
              :name="'-'+pageData[174][2].state_desc.split('-')[1]"></connect-line>
            <line x1="270" y1="810" x2="270" y2="840" style="stroke:rgb(240,65,85);stroke-width:2"></line>
            <line x1="270" y1="830" x2="280" y2="830" style="stroke:rgb(240,65,85);stroke-width:2"></line>
            <terminal-svg
              :state="Number(pageData[174][3].state_val)"
              :stateDesc="pageData[174][3].state_desc"
              :name="'-'+pageData[174][3].state_desc.split('-')[1]"
              :isMainPage="true"
              :scale=0.7
              :translate-x="326"
              :translate-y="812"
              :text-translate-y="-5"
              :rotate="90"
            />
            <g @click="goBreakPage(174)">
              <rect-svg
                :state="Number(pageData[174][0].state_val)"
                :stateDesc="pageData[174][0].state_desc"
                :rotate="90"
                :translate-y="838"
                :translate-x="298"
                :text-translate-x="10"
                :text-translate-y="-4"
                :scale="0.7"
                :isMainPage="true"
                :itemObj="{is_clear:pageData[174][0].is_clear}"
                :name="pageData[174][0].state_desc"
              ></rect-svg>
            </g>
            <line x1="270" y1="864" x2="270" y2="884" style="stroke:rgb(240,65,85);stroke-width:2"></line>
            <line x1="270" y1="874" x2="280" y2="874" style="stroke:rgb(240,65,85);stroke-width:2"></line>
            <terminal-svg
              :state="Number(pageData[174][4].state_val)"
              :stateDesc="pageData[174][4].state_desc"
              :name="'-'+pageData[174][4].state_desc.split('-')[1]"
              :isMainPage="true"
              :scale=0.7
              :translate-x="326"
              :translate-y="856"
              :text-translate-y="-5"
              :rotate="90"
            />
            <connect-line
              :state="Number(pageData[174][1].state_val)"
              :stateDesc="pageData[174][1].state_desc"
              :scale="0.6"
              :isMainPage="true"
              :rotate="-90"
              :translate-x="246"
              :translate-y="910"
              :text-translate-y="10"
              :text-translate-x="42"
              :name="'-'+pageData[174][1].state_desc.split('-')[1]"></connect-line>
            <line x1="270" y1="913" x2="270" y2="993" style="stroke:rgb(240,65,85);stroke-width:2"></line>
            <line x1="270" y1="923" x2="280" y2="923" style="stroke:rgb(240,65,85);stroke-width:2"></line>
            <terminal-svg
              :state="Number(pageData[174][5].state_val)"
              :stateDesc="pageData[174][5].state_desc"
              :name="'-'+pageData[174][5].state_desc.split('-')[1]"
              :isMainPage="true"
              :scale=0.7
              :translate-x="326"
              :translate-y="905"
              :text-translate-y="-5"
              :rotate="90"
            />
            <xian-quan :translate-x="141" :translate-y="846" color="rgb(240,65,85)"></xian-quan>
            <bi-lei-qi :translate-x="141" :translate-y="870" color="rgb(240,65,85)"></bi-lei-qi>
            <polygon points="150,50 160,50 155,60" style="fill:rgb(240,65,85);" transform="translate(115,943)"/>
            <g transform="translate(120,943)">
              <num-screen
                name="古柳线"
                dir="bottom"
                path="/guchang"
                :P="pageData[174][6].state_val"
                :Q="pageData[174][7].state_val"
                :Ia="pageData[174][8].state_val"
              ></num-screen>
            </g>

          </g>
<!--          175-->
          <g transform="translate(260,0)">
            <circle r="8" cx="270" cy="758" fill="rgb(240,65,85)" stroke-width="2" />
            <line x1="270" y1="758" x2="270" y2="783" style="stroke:rgb(240,65,85);stroke-width:2"/>
            <connect-line
              :state="Number(pageData[175][2].state_val)"
              :stateDesc="pageData[175][2].state_desc"
              :scale="0.6"
              :isMainPage="true"
              :rotate="-90"
              :translate-x="246"
              :translate-y="810"
              :text-translate-y="10"
              :text-translate-x="42"
              :name="'-'+pageData[175][2].state_desc.split('-')[1]"></connect-line>
            <line x1="270" y1="810" x2="270" y2="840" style="stroke:rgb(240,65,85);stroke-width:2"></line>
            <line x1="270" y1="830" x2="280" y2="830" style="stroke:rgb(240,65,85);stroke-width:2"></line>
            <terminal-svg
              :state="Number(pageData[175][3].state_val)"
              :stateDesc="pageData[175][3].state_desc"
              :name="'-'+pageData[175][3].state_desc.split('-')[1]"
              :isMainPage="true"
              :scale=0.7
              :translate-x="326"
              :translate-y="812"
              :text-translate-y="-5"
              :rotate="90"
            />
            <g @click="goBreakPage(175)">
              <rect-svg
                :state="Number(pageData[175][0].state_val)"
                :stateDesc="pageData[175][0].state_desc"
                :rotate="90"
                :translate-y="838"
                :translate-x="298"
                :text-translate-x="10"
                :text-translate-y="-4"
                :scale="0.7"
                :isMainPage="true"
                :itemObj="{is_clear:pageData[175][0].is_clear}"
                :name="pageData[175][0].state_desc"
              ></rect-svg>
            </g>
            <line x1="270" y1="864" x2="270" y2="884" style="stroke:rgb(240,65,85);stroke-width:2"></line>
            <line x1="270" y1="874" x2="280" y2="874" style="stroke:rgb(240,65,85);stroke-width:2"></line>
            <terminal-svg
              :state="Number(pageData[175][4].state_val)"
              :stateDesc="pageData[175][4].state_desc"
              :name="'-'+pageData[175][4].state_desc.split('-')[1]"
              :isMainPage="true"
              :scale=0.7
              :translate-x="326"
              :translate-y="856"
              :text-translate-y="-5"
              :rotate="90"
            />
            <connect-line
              :state="Number(pageData[175][1].state_val)"
              :stateDesc="pageData[175][1].state_desc"
              :scale="0.6"
              :isMainPage="true"
              :rotate="-90"
              :translate-x="246"
              :translate-y="910"
              :text-translate-y="10"
              :text-translate-x="42"
              :name="'-'+pageData[175][1].state_desc.split('-')[1]"></connect-line>
            <line x1="270" y1="913" x2="270" y2="993" style="stroke:rgb(240,65,85);stroke-width:2"></line>
            <line x1="270" y1="923" x2="280" y2="923" style="stroke:rgb(240,65,85);stroke-width:2"></line>
            <terminal-svg
              :state="Number(pageData[175][5].state_val)"
              :stateDesc="pageData[175][5].state_desc"
              :name="'-'+pageData[175][5].state_desc.split('-')[1]"
              :isMainPage="true"
              :scale=0.7
              :translate-x="326"
              :translate-y="905"
              :text-translate-y="-5"
              :rotate="90"
            />
            <xian-quan :translate-x="141" :translate-y="846" color="rgb(240,65,85)"></xian-quan>
            <bi-lei-qi :translate-x="141" :translate-y="870" color="rgb(240,65,85)"></bi-lei-qi>
            <polygon points="150,50 160,50 155,60" style="fill:rgb(240,65,85);" transform="translate(115,943)"/>
            <g transform="translate(120,943)">
              <num-screen
                name="古郊线"
                dir="bottom"
                path="/guchang"
                :P="pageData[175][6].state_val"
                :Q="pageData[175][7].state_val"
                :Ia="pageData[175][8].state_val"
              ></num-screen>
            </g>

          </g>
<!--          #1主变中压侧-->
          <g transform="translate(410,0)">
            <circle r="8" cx="270" cy="758" fill="rgb(240,65,85)" stroke-width="2" />
            <line x1="270" y1="758" x2="270" y2="783" style="stroke:rgb(240,65,85);stroke-width:2"/>
            <connect-line
              :state="Number(pageData[111][2].state_val)"
              :stateDesc="pageData[111][2].state_desc"
              :scale="0.6"
              :isMainPage="true"
              :rotate="-90"
              :translate-x="246"
              :translate-y="810"
              :text-translate-y="10"
              :text-translate-x="42"
              :name="'-'+pageData[111][2].state_desc.split('-')[1]"></connect-line>
            <line x1="270" y1="810" x2="270" y2="840" style="stroke:rgb(240,65,85);stroke-width:2"></line>
            <line x1="270" y1="830" x2="280" y2="830" style="stroke:rgb(240,65,85);stroke-width:2"></line>
            <terminal-svg
              :state="Number(pageData[111][3].state_val)"
              :stateDesc="pageData[111][3].state_desc"
              :name="'-'+pageData[111][3].state_desc.split('-')[1]"
              :isMainPage="true"
              :scale=0.7
              :translate-x="326"
              :translate-y="812"
              :text-translate-y="-5"
              :rotate="90"
            />
            <g @click="goBreakPage(111)">
              <rect-svg
                :state="Number(pageData[111][0].state_val)"
                :stateDesc="pageData[111][0].state_desc"
                :rotate="90"
                :translate-y="838"
                :translate-x="298"
                :text-translate-x="10"
                :text-translate-y="-4"
                :scale="0.7"
                :isMainPage="true"
                :itemObj="{is_clear:pageData[111][0].is_clear}"
                :name="pageData[111][0].state_desc"
              ></rect-svg>
            </g>
            <line x1="270" y1="864" x2="270" y2="884" style="stroke:rgb(240,65,85);stroke-width:2"></line>
            <line x1="270" y1="874" x2="280" y2="874" style="stroke:rgb(240,65,85);stroke-width:2"></line>
            <terminal-svg
              :state="Number(pageData[111][4].state_val)"
              :stateDesc="pageData[111][4].state_desc"
              :name="'-'+pageData[111][4].state_desc.split('-')[1]"
              :isMainPage="true"
              :scale=0.7
              :translate-x="326"
              :translate-y="856"
              :text-translate-y="-5"
              :rotate="90"
            />
            <connect-line
              :state="Number(pageData[111][1].state_val)"
              :stateDesc="pageData[111][1].state_desc"
              :scale="0.6"
              :isMainPage="true"
              :rotate="-90"
              :translate-x="246"
              :translate-y="910"
              :text-translate-y="10"
              :text-translate-x="42"
              :name="'-'+pageData[111][1].state_desc.split('-')[1]"></connect-line>
            <line x1="270" y1="913" x2="270" y2="968" style="stroke:rgb(240,65,85);stroke-width:2"></line>
            <polyline
              points="270,967.5,220,967.5,220,600,290,600"
              style="stroke:rgb(240,65,85); stroke-width:2; fill: none;"
            />
            <line x1="270" y1="923" x2="280" y2="923" style="stroke:rgb(240,65,85);stroke-width:2"></line>
            <terminal-svg
              :state="Number(pageData[111][5].state_val)"
              :stateDesc="pageData[111][5].state_desc"
              :name="'-'+pageData[111][5].state_desc.split('-')[1]"
              :isMainPage="true"
              :scale=0.7
              :translate-x="326"
              :translate-y="905"
              :text-translate-y="-5"
              :rotate="90"
            />
            <xian-quan :translate-x="141" :translate-y="846" color="rgb(240,65,85)"></xian-quan>
            <bi-lei-qi :translate-x="141" :translate-y="870" color="rgb(240,65,85)"></bi-lei-qi>
            <g transform="translate(120,943)">
              <num-screen
                name="#1主变中压侧"
                dir="bottom"
                path="/guchang"
                :P="pageData[111][6].state_val"
                :Q="pageData[111][7].state_val"
                :Ia="pageData[111][8].state_val"
              ></num-screen>
            </g>

          </g>
<!--          101分段-->
          <g transform="translate(520,0)">
            <circle r="8" cx="270" cy="758" fill="rgb(240,65,85)" stroke-width="2" />
            <line x1="270" y1="758" x2="270" y2="783" style="stroke:rgb(240,65,85);stroke-width:2"/>
            <connect-line
              :state="Number(pageData[101][2].state_val)"
              :stateDesc="pageData[101][2].state_desc"
              :scale="0.6"
              :isMainPage="true"
              :rotate="-90"
              :translate-x="246"
              :translate-y="810"
              :text-translate-y="10"
              :text-translate-x="42"
              :name="'-'+pageData[101][2].state_desc.split('-')[1]"></connect-line>
            <line x1="270" y1="810" x2="270" y2="840" style="stroke:rgb(240,65,85);stroke-width:2"></line>
            <line x1="270" y1="830" x2="280" y2="830" style="stroke:rgb(240,65,85);stroke-width:2"></line>
            <terminal-svg
              :state="Number(pageData[101][3].state_val)"
              :stateDesc="pageData[101][3].state_desc"
              :name="'-'+pageData[101][3].state_desc.split('-')[1]"
              :isMainPage="true"
              :scale=0.7
              :translate-x="326"
              :translate-y="812"
              :text-translate-y="-5"
              :rotate="90"
            />
            <g @click="goBreakPage(101)">
              <rect-svg
                :state="Number(pageData[101][0].state_val)"
                :stateDesc="pageData[101][0].state_desc"
                :rotate="90"
                :translate-y="838"
                :translate-x="298"
                :text-translate-x="10"
                :text-translate-y="-4"
                :scale="0.7"
                :isMainPage="true"
                :itemObj="{is_clear:pageData[101][0].is_clear}"
                :name="pageData[101][0].state_desc"
              ></rect-svg>
            </g>
            <line x1="270" y1="864" x2="270" y2="884" style="stroke:rgb(240,65,85);stroke-width:2"></line>
            <line x1="270" y1="874" x2="280" y2="874" style="stroke:rgb(240,65,85);stroke-width:2"></line>
            <terminal-svg
              :state="Number(pageData[101][4].state_val)"
              :stateDesc="pageData[101][4].state_desc"
              :name="'-'+pageData[101][4].state_desc.split('-')[1]"
              :isMainPage="true"
              :scale=0.7
              :translate-x="326"
              :translate-y="856"
              :text-translate-y="-5"
              :rotate="90"
            />
            <connect-line
              :state="Number(pageData[101][1].state_val)"
              :stateDesc="pageData[101][1].state_desc"
              :scale="0.6"
              :isMainPage="true"
              :rotate="-90"
              :translate-x="246"
              :translate-y="910"
              :text-translate-y="10"
              :text-translate-x="42"
              :name="'-'+pageData[101][1].state_desc.split('-')[1]"></connect-line>
            <line x1="270" y1="913" x2="270" y2="943" style="stroke:rgb(240,65,85);stroke-width:2"></line>
            <line x1="270" y1="943" x2="380" y2="943" style="stroke:rgb(240,65,85);stroke-width:2"></line>
            <line x1="380" y1="943" x2="380" y2="760" style="stroke:rgb(240,65,85);stroke-width:2"></line>
            <circle r="8" cx="380" cy="758" fill="rgb(240,65,85)" stroke-width="2" />
            <g transform="translate(140,943)">
              <num-screen
                name="101分段"
                dir="bottom"
                path="/guchang"
                :P="pageData[101][5].state_val"
                :Q="pageData[101][6].state_val"
                :Ia="pageData[101][7].state_val"
              ></num-screen>
            </g>

          </g>
<!--          176-->
          <g transform="translate(680,0)">
            <circle r="8" cx="270" cy="758" fill="rgb(240,65,85)" stroke-width="2" />
            <line x1="270" y1="758" x2="270" y2="783" style="stroke:rgb(240,65,85);stroke-width:2"/>
            <connect-line
              :state="Number(pageData[176][2].state_val)"
              :stateDesc="pageData[176][2].state_desc"
              :scale="0.6"
              :isMainPage="true"
              :rotate="-90"
              :translate-x="246"
              :translate-y="810"
              :text-translate-y="10"
              :text-translate-x="42"
              :name="'-'+pageData[176][2].state_desc.split('-')[1]"></connect-line>
            <line x1="270" y1="810" x2="270" y2="840" style="stroke:rgb(240,65,85);stroke-width:2"></line>
            <line x1="270" y1="830" x2="280" y2="830" style="stroke:rgb(240,65,85);stroke-width:2"></line>
            <terminal-svg
              :state="Number(pageData[176][3].state_val)"
              :stateDesc="pageData[176][3].state_desc"
              :name="'-'+pageData[176][3].state_desc.split('-')[1]"
              :isMainPage="true"
              :scale=0.7
              :translate-x="326"
              :translate-y="812"
              :text-translate-y="-5"
              :rotate="90"
            />
            <g @click="goBreakPage(176)">
              <rect-svg
                :state="Number(pageData[176][0].state_val)"
                :stateDesc="pageData[176][0].state_desc"
                :rotate="90"
                :translate-y="838"
                :translate-x="298"
                :text-translate-x="10"
                :text-translate-y="-4"
                :scale="0.7"
                :isMainPage="true"
                :itemObj="{is_clear:pageData[176][0].is_clear}"
                :name="pageData[176][0].state_desc"
              ></rect-svg>
            </g>
            <line x1="270" y1="864" x2="270" y2="884" style="stroke:rgb(240,65,85);stroke-width:2"></line>
            <line x1="270" y1="874" x2="280" y2="874" style="stroke:rgb(240,65,85);stroke-width:2"></line>
            <terminal-svg
              :state="Number(pageData[176][4].state_val)"
              :stateDesc="pageData[176][4].state_desc"
              :name="'-'+pageData[176][4].state_desc.split('-')[1]"
              :isMainPage="true"
              :scale=0.7
              :translate-x="326"
              :translate-y="856"
              :text-translate-y="-5"
              :rotate="90"
            />
            <connect-line
              :state="Number(pageData[176][1].state_val)"
              :stateDesc="pageData[176][1].state_desc"
              :scale="0.6"
              :isMainPage="true"
              :rotate="-90"
              :translate-x="246"
              :translate-y="910"
              :text-translate-y="10"
              :text-translate-x="42"
              :name="'-'+pageData[176][1].state_desc.split('-')[1]"></connect-line>
            <line x1="270" y1="913" x2="270" y2="993" style="stroke:rgb(240,65,85);stroke-width:2"></line>
            <line x1="270" y1="923" x2="280" y2="923" style="stroke:rgb(240,65,85);stroke-width:2"></line>
            <terminal-svg
              :state="Number(pageData[176][5].state_val)"
              :stateDesc="pageData[176][5].state_desc"
              :name="'-'+pageData[176][5].state_desc.split('-')[1]"
              :isMainPage="true"
              :scale=0.7
              :translate-x="326"
              :translate-y="905"
              :text-translate-y="-5"
              :rotate="90"
            />
            <xian-quan :translate-x="141" :translate-y="846" color="rgb(240,65,85)"></xian-quan>
            <bi-lei-qi :translate-x="141" :translate-y="870" color="rgb(240,65,85)"></bi-lei-qi>
            <polygon points="150,50 160,50 155,60" style="fill:rgb(240,65,85);" transform="translate(115,943)"/>
            <g transform="translate(120,943)">
              <num-screen
                name="常古线"
                dir="bottom"
                path="/guchang"
                :P="pageData[176][6].state_val"
                :Q="pageData[176][7].state_val"
                :Ia="pageData[176][8].state_val"
              ></num-screen>
            </g>

          </g>
<!--          177-->
          <g transform="translate(810,0)">
            <circle r="8" cx="270" cy="758" fill="rgb(240,65,85)" stroke-width="2" />
            <line x1="270" y1="758" x2="270" y2="783" style="stroke:rgb(240,65,85);stroke-width:2"/>
            <connect-line
              :state="Number(pageData[177][2].state_val)"
              :stateDesc="pageData[177][2].state_desc"
              :scale="0.6"
              :isMainPage="true"
              :rotate="-90"
              :translate-x="246"
              :translate-y="810"
              :text-translate-y="10"
              :text-translate-x="42"
              :name="'-'+pageData[177][2].state_desc.split('-')[1]"></connect-line>
            <line x1="270" y1="810" x2="270" y2="840" style="stroke:rgb(240,65,85);stroke-width:2"></line>
            <line x1="270" y1="830" x2="280" y2="830" style="stroke:rgb(240,65,85);stroke-width:2"></line>
            <terminal-svg
              :state="Number(pageData[177][3].state_val)"
              :stateDesc="pageData[177][3].state_desc"
              :name="'-'+pageData[177][3].state_desc.split('-')[1]"
              :isMainPage="true"
              :scale=0.7
              :translate-x="326"
              :translate-y="812"
              :text-translate-y="-5"
              :rotate="90"
            />
            <g @click="goBreakPage(177)">
              <rect-svg
                :state="Number(pageData[177][0].state_val)"
                :stateDesc="pageData[177][0].state_desc"
                :rotate="90"
                :translate-y="838"
                :translate-x="298"
                :text-translate-x="10"
                :text-translate-y="-4"
                :scale="0.7"
                :isMainPage="true"
                :itemObj="{is_clear:pageData[177][0].is_clear}"
                :name="pageData[177][0].state_desc"
              ></rect-svg>
            </g>
            <line x1="270" y1="864" x2="270" y2="884" style="stroke:rgb(240,65,85);stroke-width:2"></line>
            <line x1="270" y1="874" x2="280" y2="874" style="stroke:rgb(240,65,85);stroke-width:2"></line>
            <terminal-svg
              :state="Number(pageData[177][4].state_val)"
              :stateDesc="pageData[177][4].state_desc"
              :name="'-'+pageData[177][4].state_desc.split('-')[1]"
              :isMainPage="true"
              :scale=0.7
              :translate-x="326"
              :translate-y="856"
              :text-translate-y="-5"
              :rotate="90"
            />
            <connect-line
              :state="Number(pageData[177][1].state_val)"
              :stateDesc="pageData[177][1].state_desc"
              :scale="0.6"
              :isMainPage="true"
              :rotate="-90"
              :translate-x="246"
              :translate-y="910"
              :text-translate-y="10"
              :text-translate-x="42"
              :name="'-'+pageData[177][1].state_desc.split('-')[1]"></connect-line>
            <line x1="270" y1="913" x2="270" y2="993" style="stroke:rgb(240,65,85);stroke-width:2"></line>
            <line x1="270" y1="923" x2="280" y2="923" style="stroke:rgb(240,65,85);stroke-width:2"></line>
            <terminal-svg
              :state="Number(pageData[177][5].state_val)"
              :stateDesc="pageData[177][5].state_desc"
              :name="'-'+pageData[177][5].state_desc.split('-')[1]"
              :isMainPage="true"
              :scale=0.7
              :translate-x="326"
              :translate-y="905"
              :text-translate-y="-5"
              :rotate="90"
            />
            <xian-quan :translate-x="141" :translate-y="846" color="rgb(240,65,85)"></xian-quan>
            <bi-lei-qi :translate-x="141" :translate-y="870" color="rgb(240,65,85)"></bi-lei-qi>
            <polygon points="150,50 160,50 155,60" style="fill:rgb(240,65,85);" transform="translate(115,943)"/>
            <g transform="translate(120,943)">
              <num-screen
                name="丰收线"
                dir="bottom"
                path="/guchang"
                :P="pageData[177][6].state_val"
                :Q="pageData[177][7].state_val"
                :Ia="pageData[177][8].state_val"
              ></num-screen>
            </g>

          </g>
<!--          178-->
          <g transform="translate(940,0)">
            <circle r="8" cx="270" cy="758" fill="rgb(240,65,85)" stroke-width="2" />
            <line x1="270" y1="758" x2="270" y2="783" style="stroke:rgb(240,65,85);stroke-width:2"/>
            <connect-line
              :state="Number(pageData[178][2].state_val)"
              :stateDesc="pageData[178][2].state_desc"
              :scale="0.6"
              :isMainPage="true"
              :rotate="-90"
              :translate-x="246"
              :translate-y="810"
              :text-translate-y="10"
              :text-translate-x="42"
              :name="'-'+pageData[178][2].state_desc.split('-')[1]"></connect-line>
            <line x1="270" y1="810" x2="270" y2="840" style="stroke:rgb(240,65,85);stroke-width:2"></line>
            <line x1="270" y1="830" x2="280" y2="830" style="stroke:rgb(240,65,85);stroke-width:2"></line>
            <terminal-svg
              :state="Number(pageData[178][3].state_val)"
              :stateDesc="pageData[178][3].state_desc"
              :name="'-'+pageData[178][3].state_desc.split('-')[1]"
              :isMainPage="true"
              :scale=0.7
              :translate-x="326"
              :translate-y="812"
              :text-translate-y="-5"
              :rotate="90"
            />
            <g @click="goBreakPage(178)">
              <rect-svg
                :state="Number(pageData[178][0].state_val)"
                :stateDesc="pageData[178][0].state_desc"
                :rotate="90"
                :translate-y="838"
                :translate-x="298"
                :text-translate-x="10"
                :text-translate-y="-4"
                :scale="0.7"
                :isMainPage="true"
                :itemObj="{is_clear:pageData[178][0].is_clear}"
                :name="pageData[178][0].state_desc"
              ></rect-svg>
            </g>
            <line x1="270" y1="864" x2="270" y2="884" style="stroke:rgb(240,65,85);stroke-width:2"></line>
            <line x1="270" y1="874" x2="280" y2="874" style="stroke:rgb(240,65,85);stroke-width:2"></line>
            <terminal-svg
              :state="Number(pageData[178][4].state_val)"
              :stateDesc="pageData[178][4].state_desc"
              :name="'-'+pageData[178][4].state_desc.split('-')[1]"
              :isMainPage="true"
              :scale=0.7
              :translate-x="326"
              :translate-y="856"
              :text-translate-y="-5"
              :rotate="90"
            />
            <connect-line
              :state="Number(pageData[178][1].state_val)"
              :stateDesc="pageData[178][1].state_desc"
              :scale="0.6"
              :isMainPage="true"
              :rotate="-90"
              :translate-x="246"
              :translate-y="910"
              :text-translate-y="10"
              :text-translate-x="42"
              :name="'-'+pageData[178][1].state_desc.split('-')[1]"></connect-line>
            <line x1="270" y1="913" x2="270" y2="993" style="stroke:rgb(240,65,85);stroke-width:2"></line>
            <line x1="270" y1="923" x2="280" y2="923" style="stroke:rgb(240,65,85);stroke-width:2"></line>
            <terminal-svg
              :state="Number(pageData[178][5].state_val)"
              :stateDesc="pageData[178][5].state_desc"
              :name="'-'+pageData[178][5].state_desc.split('-')[1]"
              :isMainPage="true"
              :scale=0.7
              :translate-x="326"
              :translate-y="905"
              :text-translate-y="-5"
              :rotate="90"
            />
            <xian-quan :translate-x="141" :translate-y="846" color="rgb(240,65,85)"></xian-quan>
            <bi-lei-qi :translate-x="141" :translate-y="870" color="rgb(240,65,85)"></bi-lei-qi>
            <polygon points="150,50 160,50 155,60" style="fill:rgb(240,65,85);" transform="translate(115,943)"/>
            <g transform="translate(120,943)">
              <num-screen
                name="古荷线"
                dir="bottom"
                path="/guchang"
                :P="pageData[178][6].state_val"
                :Q="pageData[178][7].state_val"
                :Ia="pageData[178][8].state_val"
              ></num-screen>
            </g>

          </g>
<!--          179-->
          <g transform="translate(1070,0)">
            <circle r="8" cx="270" cy="758" fill="rgb(240,65,85)" stroke-width="2" />
            <line x1="270" y1="758" x2="270" y2="783" style="stroke:rgb(240,65,85);stroke-width:2"/>
            <connect-line
              :state="Number(pageData[179][2].state_val)"
              :stateDesc="pageData[179][2].state_desc"
              :scale="0.6"
              :isMainPage="true"
              :rotate="-90"
              :translate-x="246"
              :translate-y="810"
              :text-translate-y="10"
              :text-translate-x="42"
              :name="'-'+pageData[179][2].state_desc.split('-')[1]"></connect-line>
            <line x1="270" y1="810" x2="270" y2="840" style="stroke:rgb(240,65,85);stroke-width:2"></line>
            <line x1="270" y1="830" x2="280" y2="830" style="stroke:rgb(240,65,85);stroke-width:2"></line>
            <terminal-svg
              :state="Number(pageData[179][3].state_val)"
              :stateDesc="pageData[179][3].state_desc"
              :name="'-'+pageData[179][3].state_desc.split('-')[1]"
              :isMainPage="true"
              :scale=0.7
              :translate-x="326"
              :translate-y="812"
              :text-translate-y="-5"
              :rotate="90"
            />
            <g @click="goBreakPage(179)">
              <rect-svg
                :state="Number(pageData[179][0].state_val)"
                :stateDesc="pageData[179][0].state_desc"
                :rotate="90"
                :translate-y="838"
                :translate-x="298"
                :text-translate-x="10"
                :text-translate-y="-4"
                :scale="0.7"
                :isMainPage="true"
                :itemObj="{is_clear:pageData[179][0].is_clear}"
                :name="pageData[179][0].state_desc"
              ></rect-svg>
            </g>
            <line x1="270" y1="864" x2="270" y2="884" style="stroke:rgb(240,65,85);stroke-width:2"></line>
            <line x1="270" y1="874" x2="280" y2="874" style="stroke:rgb(240,65,85);stroke-width:2"></line>
            <terminal-svg
              :state="Number(pageData[179][4].state_val)"
              :stateDesc="pageData[179][4].state_desc"
              :name="'-'+pageData[179][4].state_desc.split('-')[1]"
              :isMainPage="true"
              :scale=0.7
              :translate-x="326"
              :translate-y="856"
              :text-translate-y="-5"
              :rotate="90"
            />
            <connect-line
              :state="Number(pageData[179][1].state_val)"
              :stateDesc="pageData[179][1].state_desc"
              :scale="0.6"
              :isMainPage="true"
              :rotate="-90"
              :translate-x="246"
              :translate-y="910"
              :text-translate-y="10"
              :text-translate-x="42"
              :name="'-'+pageData[179][1].state_desc.split('-')[1]"></connect-line>
            <line x1="270" y1="913" x2="270" y2="993" style="stroke:rgb(240,65,85);stroke-width:2"></line>
            <line x1="270" y1="923" x2="280" y2="923" style="stroke:rgb(240,65,85);stroke-width:2"></line>
            <terminal-svg
              :state="Number(pageData[179][5].state_val)"
              :stateDesc="pageData[179][5].state_desc"
              :name="'-'+pageData[179][5].state_desc.split('-')[1]"
              :isMainPage="true"
              :scale=0.7
              :translate-x="326"
              :translate-y="905"
              :text-translate-y="-5"
              :rotate="90"
            />
            <xian-quan :translate-x="141" :translate-y="846" color="rgb(240,65,85)"></xian-quan>
            <bi-lei-qi :translate-x="141" :translate-y="870" color="rgb(240,65,85)"></bi-lei-qi>
            <polygon points="150,50 160,50 155,60" style="fill:rgb(240,65,85);" transform="translate(115,943)"/>
            <g transform="translate(120,943)">
              <num-screen
                name="古运线"
                dir="bottom"
                path="/guchang"
                :P="pageData[179][6].state_val"
                :Q="pageData[179][7].state_val"
                :Ia="pageData[179][8].state_val"
              ></num-screen>
            </g>

          </g>
<!--          110 II段PT-->
          <g transform="translate(1320,0)">
            <circle r="8" cx="140" cy="758" fill="rgb(240,65,85)" stroke-width="2" />
            <line x1="140" y1="758" x2="140" y2="800" style="stroke:rgb(240,65,85);stroke-width:2"/>
            <line x1="140" y1="783" x2="150" y2="783" style="stroke:rgb(240,65,85);stroke-width:2"/>
            <terminal-svg
              :state="Number(pageData['110IIM'][1].state_val)"
              :stateDesc="pageData['110IIM'][1].state_desc"
              :name="'-'+pageData['110IIM'][1].state_desc.split('-')[1]"
              :isMainPage="true"
              :scale=0.7
              :translate-x="196"
              :translate-y="765"
              :text-translate-y="-5"
              :rotate="90"
            ></terminal-svg>
            <connect-line
              :state="Number(pageData['110IIM'][0].state_val)"
              :stateDesc="pageData['110IIM'][0].state_desc"
              :scale="0.6"
              :isMainPage="true"
              :rotate="-90"
              :translate-x="116"
              :translate-y="825"
              :text-translate-y="10"
              :text-translate-x="42"
              :name="pageData['110IIM'][0].state_desc"></connect-line>
            <line x1="140" y1="828" x2="140" y2="845" stroke="rgb(240,65,85)" stroke-width="2"></line>
            <line x1="140" y1="845" x2="150" y2="845" stroke="rgb(240,65,85)" stroke-width="2"></line>
            <terminal-svg
              :state="Number(pageData['110IIM'][2].state_val)"
              :stateDesc="pageData['110IIM'][2].state_desc"
              :name="'-'+pageData['110IIM'][2].state_desc.split('-')[1]"
              :isMainPage="true"
              :scale=0.7
              :translate-x="196"
              :translate-y="826"
              :text-translate-y="-5"
              :rotate="90"
            ></terminal-svg>
            <dian-liu-hu-gan-qi :translate-x="280" :translate-y="715" color="rgb(240,65,85)" :rotate="90" :s-width="2"></dian-liu-hu-gan-qi>
            <g transform="translate(0,943)">
              <num-screen name="110kV II段PT" dir="none"></num-screen>
            </g>

          </g>
<!--          #2主变中压侧-->
          <g transform="translate(1340,0)">
            <circle r="8" cx="270" cy="758" fill="rgb(240,65,85)" stroke-width="2" />
            <line x1="270" y1="758" x2="270" y2="783" style="stroke:rgb(240,65,85);stroke-width:2"/>
            <connect-line
              :state="Number(pageData[112][1].state_val)"
              :stateDesc="pageData[112][1].state_desc"
              :scale="0.6"
              :isMainPage="true"
              :rotate="-90"
              :translate-x="246"
              :translate-y="810"
              :text-translate-y="10"
              :text-translate-x="42"
              :name="'-'+pageData[112][1].state_desc.split('-')[1]"></connect-line>
            <line x1="270" y1="810" x2="270" y2="840" style="stroke:rgb(240,65,85);stroke-width:2"></line>
            <line x1="270" y1="830" x2="280" y2="830" style="stroke:rgb(240,65,85);stroke-width:2"></line>
            <terminal-svg
              :state="Number(pageData[112][3].state_val)"
              :stateDesc="pageData[112][3].state_desc"
              :name="'-'+pageData[112][3].state_desc.split('-')[1]"
              :isMainPage="true"
              :scale=0.7
              :translate-x="326"
              :translate-y="812"
              :text-translate-y="-5"
              :rotate="90"
            />
            <g @click="goBreakPage(112)">
              <rect-svg
                :state="Number(pageData[112][0].state_val)"
                :stateDesc="pageData[112][0].state_desc"
                :rotate="90"
                :translate-y="838"
                :translate-x="298"
                :text-translate-x="10"
                :text-translate-y="-4"
                :scale="0.7"
                :isMainPage="true"
                :itemObj="{is_clear:pageData[112][0].is_clear}"
                :name="pageData[112][0].state_desc"
              ></rect-svg>
            </g>
            <line x1="270" y1="864" x2="270" y2="884" style="stroke:rgb(240,65,85);stroke-width:2"></line>
            <line x1="270" y1="874" x2="280" y2="874" style="stroke:rgb(240,65,85);stroke-width:2"></line>
            <terminal-svg
              :state="Number(pageData[112][4].state_val)"
              :stateDesc="pageData[112][4].state_desc"
              :name="'-'+pageData[112][4].state_desc.split('-')[1]"
              :isMainPage="true"
              :scale=0.7
              :translate-x="326"
              :translate-y="856"
              :text-translate-y="-5"
              :rotate="90"
            />
            <connect-line
              :state="Number(pageData[112][2].state_val)"
              :stateDesc="pageData[112][2].state_desc"
              :scale="0.6"
              :isMainPage="true"
              :rotate="-90"
              :translate-x="246"
              :translate-y="910"
              :text-translate-y="10"
              :text-translate-x="42"
              :name="'-'+pageData[112][2].state_desc.split('-')[1]"></connect-line>
            <line x1="270" y1="913" x2="270" y2="968" style="stroke:rgb(240,65,85);stroke-width:2"></line>
            <polyline
              points="270,967,270,997.5,220,997.5,220,650,-180,650,-180,600"
              style="stroke:rgb(240,65,85); stroke-width:2; fill: none;"
            />
            <line x1="270" y1="923" x2="280" y2="923" style="stroke:rgb(240,65,85);stroke-width:2"></line>
            <terminal-svg
              :state="Number(pageData[112][5].state_val)"
              :stateDesc="pageData[112][5].state_desc"
              :name="'-'+pageData[112][5].state_desc.split('-')[1]"
              :isMainPage="true"
              :scale=0.7
              :translate-x="326"
              :translate-y="905"
              :text-translate-y="-5"
              :rotate="90"
            />
            <xian-quan :translate-x="141" :translate-y="846" color="rgb(240,65,85)"></xian-quan>
            <bi-lei-qi :translate-x="141" :translate-y="870" color="rgb(240,65,85)"></bi-lei-qi>
            <g transform="translate(120,943)">
              <num-screen
                name="#2主变中压侧"
                dir="bottom"
                path="/guchang"
                :P="pageData[112][6].state_val"
                :Q="pageData[112][7].state_val"
                :Ia="pageData[112][8].state_val"
              ></num-screen>
            </g>

          </g>
<!--          10kv开始-->
          <g transform="translate(80,0)">
            <g>
              <g transform="translate(1700,-20)">
                <num-screen name="848" path="/guchang" dir="none"></num-screen>
                <polygon points="150,50 150,60 140,55" style="fill:rgb(0,210,0);" transform="translate(65,30)"/>
                <line x1="215" y1="85" x2="270" y2="85" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <line x1="260" y1="85" x2="260" y2="65" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <line x1="260" y1="65" x2="250" y2="65" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <terminal-svg
                  :state="Number(pageData[848][2].state_val)"
                  :stateDesc="pageData[848][2].state_desc"
                  name=""
                  :isMainPage="true"
                  :scale=0.7
                  :translate-x="205"
                  :translate-y="84"
                  :text-translate-y="-5"
                  :rotate="-90"
                />
                <shou-che-svg
                  :shou-che-data-obj="pageData[848][1]"
                  :rotate="0" :translate-x="289" :translate-y="45" :title-x="-25" :title-y="-10"
                ></shou-che-svg>
                <g @click="goBreakPage(848)">
                  <rect-svg
                    :state="Number(pageData[848][0].state_val)"
                    :stateDesc="pageData[848][0].state_desc"
                    :rotate="0"
                    :translate-y="56"
                    :translate-x="288"
                    :text-translate-x="-2"
                    :text-translate-y="-4"
                    :scale="0.7"
                    :isMainPage="true"
                    :itemObj="{is_clear:pageData[848][0].is_clear}"
                    :name="pageData[848][0].state_desc"
                  ></rect-svg>
                </g>

                <line x1="332" y1="85" x2="360" y2="85" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <circle r="8" cx="366" cy="85" style="fill:rgb(0,210,0);"/>
              </g>
              <g transform="translate(1700,20)">
                <num-screen name="三环二线" path="/guchang" dir="none"></num-screen>
                <polygon points="150,50 150,60 140,55" style="fill:rgb(0,210,0);" transform="translate(65,30)"/>
                <line x1="215" y1="85" x2="270" y2="85" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <line x1="260" y1="85" x2="260" y2="65" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <line x1="260" y1="65" x2="250" y2="65" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <terminal-svg
                  :state="Number(pageData[847][2].state_val)"
                  :stateDesc="pageData[847][2].state_desc"
                  name=""
                  :isMainPage="true"
                  :scale=0.7
                  :translate-x="205"
                  :translate-y="84"
                  :text-translate-y="-5"
                  :rotate="-90"
                />
                <shou-che-svg
                  :shou-che-data-obj="pageData[847][1]"
                  :rotate="0" :translate-x="289" :translate-y="45" :title-x="-25" :title-y="-10"
                  :single="true"
                ></shou-che-svg>
                <g @click="goBreakPage(847)">
                <rect-svg
                  :state="Number(pageData[847][0].state_val)"
                  :stateDesc="pageData[847][0].state_desc"
                  :rotate="0"
                  :translate-y="56"
                  :translate-x="288"
                  :text-translate-x="-2"
                  :text-translate-y="-4"
                  :scale="0.7"
                  :isMainPage="true"
                  :itemObj="{is_clear:pageData[847][0].is_clear}"
                  :name="pageData[847][0].state_desc"
                ></rect-svg>
                  </g>
                <line x1="334" y1="85" x2="360" y2="85" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <circle r="8" cx="366" cy="85" style="fill:rgb(0,210,0);"/>
              </g>
              <g transform="translate(1700,60)">
                <num-screen name="迎宾二线" path="/guchang" dir="none"></num-screen>
                <polygon points="150,50 150,60 140,55" style="fill:rgb(0,210,0);" transform="translate(65,30)"/>
                <line x1="215" y1="85" x2="270" y2="85" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <line x1="260" y1="85" x2="260" y2="65" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <line x1="260" y1="65" x2="250" y2="65" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <terminal-svg
                  :state="Number(pageData[846][2].state_val)"
                  :stateDesc="pageData[846][2].state_desc"
                  name=""
                  :isMainPage="true"
                  :scale=0.7
                  :translate-x="205"
                  :translate-y="84"
                  :text-translate-y="-5"
                  :rotate="-90"
                />
                <shou-che-svg
                  :shou-che-data-obj="pageData[846][1]"
                  :rotate="0" :translate-x="289" :translate-y="45" :title-x="-25" :title-y="-10"
                  :single="true"
                ></shou-che-svg>
                <g @click="goBreakPage(846)">
                <rect-svg
                  :state="Number(pageData[846][0].state_val)"
                  :stateDesc="pageData[846][0].state_desc"
                  :rotate="0"
                  :translate-y="56"
                  :translate-x="288"
                  :text-translate-x="-2"
                  :text-translate-y="-4"
                  :scale="0.7"
                  :isMainPage="true"
                  :itemObj="{is_clear:pageData[846][0].is_clear}"
                  :name="pageData[846][0].state_desc"
                ></rect-svg></g>
                <line x1="334" y1="85" x2="360" y2="85" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <circle r="8" cx="366" cy="85" style="fill:rgb(0,210,0);"/>
              </g>
              <g transform="translate(1700,100)">
                <num-screen name="845" path="/guchang" dir="none"></num-screen>
                <polygon points="150,50 150,60 140,55" style="fill:rgb(0,210,0);" transform="translate(65,30)"/>
                <line x1="215" y1="85" x2="270" y2="85" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <line x1="260" y1="85" x2="260" y2="65" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <line x1="260" y1="65" x2="250" y2="65" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <terminal-svg
                  :state="Number(pageData[845][1].state_val)"
                  :stateDesc="pageData[845][1].state_desc"
                  name=""
                  :isMainPage="true"
                  :scale=0.7
                  :translate-x="205"
                  :translate-y="84"
                  :text-translate-y="-5"
                  :rotate="-90"
                />
                <shou-che-svg
                  :shou-che-data-obj="pageData[845][0]"
                  :rotate="0" :translate-x="289" :translate-y="45" :title-x="-25" :title-y="-10"
                ></shou-che-svg>
                <g @click="goBreakPage(845)">
                <rect-svg
                  :state="Number(pageData[845][2].state_val)"
                  :stateDesc="pageData[845][2].state_desc"
                  :rotate="0"
                  :translate-y="56"
                  :translate-x="288"
                  :text-translate-x="-2"
                  :text-translate-y="-4"
                  :scale="0.7"
                  :isMainPage="true"
                  :itemObj="{is_clear:pageData[845][2].is_clear}"
                  :name="pageData[845][2].state_desc"
                ></rect-svg></g>
                <line x1="332" y1="85" x2="360" y2="85" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <circle r="8" cx="366" cy="85" style="fill:rgb(0,210,0);"/>
              </g>
              <g transform="translate(1700,140)">
                <num-screen name="844" path="/guchang" dir="none"></num-screen>
                <polygon points="150,50 150,60 140,55" style="fill:rgb(0,210,0);" transform="translate(65,30)"/>
                <line x1="215" y1="85" x2="270" y2="85" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <line x1="260" y1="85" x2="260" y2="65" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <line x1="260" y1="65" x2="250" y2="65" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <terminal-svg
                  :state="Number(pageData[844][2].state_val)"
                  :stateDesc="pageData[844][2].state_desc"
                  name=""
                  :isMainPage="true"
                  :scale=0.7
                  :translate-x="205"
                  :translate-y="84"
                  :text-translate-y="-5"
                  :rotate="-90"
                />
                <shou-che-svg
                  :shou-che-data-obj="pageData[844][1]"
                  :rotate="0" :translate-x="289" :translate-y="45" :title-x="-25" :title-y="-10"
                ></shou-che-svg>
                <g @click="goBreakPage(844)">
                <rect-svg
                  :state="Number(pageData[844][0].state_val)"
                  :stateDesc="pageData[844][0].state_desc"
                  :rotate="0"
                  :translate-y="56"
                  :translate-x="288"
                  :text-translate-x="-2"
                  :text-translate-y="-4"
                  :scale="0.7"
                  :isMainPage="true"
                  :itemObj="{is_clear:pageData[844][0].is_clear}"
                  :name="pageData[844][0].state_desc"
                ></rect-svg></g>
                <line x1="332" y1="85" x2="360" y2="85" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <circle r="8" cx="366" cy="85" style="fill:rgb(0,210,0);"/>
              </g>
              <g transform="translate(1700,180)">
                <num-screen name="843" path="/guchang" dir="none"></num-screen>
                <polygon points="150,50 150,60 140,55" style="fill:rgb(0,210,0);" transform="translate(65,30)"/>
                <line x1="215" y1="85" x2="270" y2="85" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <line x1="260" y1="85" x2="260" y2="65" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <line x1="260" y1="65" x2="250" y2="65" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <terminal-svg
                  :state="Number(pageData[843][2].state_val)"
                  :stateDesc="pageData[843][2].state_desc"
                  name=""
                  :isMainPage="true"
                  :scale=0.7
                  :translate-x="205"
                  :translate-y="84"
                  :text-translate-y="-5"
                  :rotate="-90"
                />
                <shou-che-svg
                  :shou-che-data-obj="pageData[843][1]"
                  :rotate="0" :translate-x="289" :translate-y="45" :title-x="-25" :title-y="-10"
                ></shou-che-svg>
                <g @click="goBreakPage(843)">
                <rect-svg
                  :state="Number(pageData[843][0].state_val)"
                  :stateDesc="pageData[843][0].state_desc"
                  :rotate="0"
                  :translate-y="56"
                  :translate-x="288"
                  :text-translate-x="-2"
                  :text-translate-y="-4"
                  :scale="0.7"
                  :isMainPage="true"
                  :itemObj="{is_clear:pageData[843][0].is_clear}"
                  :name="pageData[843][0].state_desc"
                ></rect-svg></g>
                <line x1="332" y1="85" x2="360" y2="85" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <circle r="8" cx="366" cy="85" style="fill:rgb(0,210,0);"/>
              </g>
              <g transform="translate(1700,220)">
                <num-screen name="842" path="/guchang" dir="none"></num-screen>
                <polygon points="150,50 150,60 140,55" style="fill:rgb(0,210,0);" transform="translate(65,30)"/>
                <line x1="215" y1="85" x2="270" y2="85" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <line x1="260" y1="85" x2="260" y2="65" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <line x1="260" y1="65" x2="250" y2="65" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <terminal-svg
                  :state="Number(pageData[842][2].state_val)"
                  :stateDesc="pageData[842][2].state_desc"
                  name=""
                  :isMainPage="true"
                  :scale=0.7
                  :translate-x="205"
                  :translate-y="84"
                  :text-translate-y="-5"
                  :rotate="-90"
                />
                <shou-che-svg
                  :shou-che-data-obj="pageData[842][1]"
                  :rotate="0" :translate-x="289" :translate-y="45" :title-x="-25" :title-y="-10"
                ></shou-che-svg>
                <g @click="goBreakPage(842)">
                <rect-svg
                  :state="Number(pageData[842][0].state_val)"
                  :stateDesc="pageData[842][0].state_desc"
                  :rotate="0"
                  :translate-y="56"
                  :translate-x="288"
                  :text-translate-x="-2"
                  :text-translate-y="-4"
                  :scale="0.7"
                  :isMainPage="true"
                  :itemObj="{is_clear:pageData[842][0].is_clear}"
                  :name="pageData[842][0].state_desc"
                ></rect-svg></g>
                <line x1="332" y1="85" x2="360" y2="85" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <circle r="8" cx="366" cy="85" style="fill:rgb(0,210,0);"/>
              </g>
              <g transform="translate(1700,260)">
                <num-screen name="841" path="/guchang" dir="none"></num-screen>
                <polygon points="150,50 150,60 140,55" style="fill:rgb(0,210,0);" transform="translate(65,30)"/>
                <line x1="215" y1="85" x2="270" y2="85" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <line x1="260" y1="85" x2="260" y2="65" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <line x1="260" y1="65" x2="250" y2="65" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <terminal-svg
                  :state="Number(pageData[841][2].state_val)"
                  :stateDesc="pageData[841][2].state_desc"
                  name=""
                  :isMainPage="true"
                  :scale=0.7
                  :translate-x="205"
                  :translate-y="84"
                  :text-translate-y="-5"
                  :rotate="-90"
                />
                <shou-che-svg
                  :shou-che-data-obj="pageData[841][1]"
                  :rotate="0" :translate-x="289" :translate-y="45" :title-x="-25" :title-y="-10"
                ></shou-che-svg>
                <g @click="goBreakPage(841)">
                <rect-svg
                  :state="Number(pageData[841][0].state_val)"
                  :stateDesc="pageData[841][0].state_desc"
                  :rotate="0"
                  :translate-y="56"
                  :translate-x="288"
                  :text-translate-x="-2"
                  :text-translate-y="-4"
                  :scale="0.7"
                  :isMainPage="true"
                  :itemObj="{is_clear:pageData[841][0].is_clear}"
                  :name="pageData[841][0].state_desc"
                ></rect-svg></g>
                <line x1="332" y1="85" x2="360" y2="85" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <circle r="8" cx="366" cy="85" style="fill:rgb(0,210,0);"/>
              </g>

              <g transform="translate(1700,-20)">
                <circle r="8" cx="366" cy="105" style="fill:rgb(0,210,0);"/>
                <shou-che-svg
                  :shou-che-data-obj="pageData[502][0]"
                  :rotate="0" :translate-x="429" :translate-y="65" :title-x="-5" :title-y="20"
                  :name="pageData[502][0].state_desc"
                ></shou-che-svg>
                <line x1="360" y1="105" x2="410" y2="105" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <line x1="455" y1="105" x2="428" y2="105" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <line x1="474" y1="105" x2="488" y2="105" style="stroke:rgb(0,210,0);stroke-width:2"></line>
              </g>
              <g transform="translate(1700,20)">
                <circle r="8" cx="366" cy="105" style="fill:rgb(0,210,0);"/>
                <shou-che-svg
                  :shou-che-data-obj="pageData['516'][1]"
                  :rotate="0" :translate-x="429" :translate-y="65" :title-x="-5" :title-y="20"
                  :single="true"
                ></shou-che-svg>
                <line x1="360" y1="105" x2="410" y2="105" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <line x1="474" y1="105" x2="538" y2="105" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <g @click="goBreakPage('516')">
                  <rect-svg
                    :state="Number(pageData['516'][0].state_val)"
                    :stateDesc="pageData['516'][0].state_desc"
                    :rotate="0"
                    :translate-y="76"
                    :translate-x="428"
                    :text-translate-x="-2"
                    :text-translate-y="-4"
                    :scale="0.7"
                    :isMainPage="true"
                    :itemObj="{is_clear:pageData['516'][0].is_clear}"
                    :name="pageData['516'][0].state_desc"
                  ></rect-svg></g>
                <line x1="487" y1="105" x2="487" y2="95" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <line x1="487" y1="95" x2="497" y2="95" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <terminal-svg
                  :state="Number(pageData['516'][3].state_val)"
                  :stateDesc="pageData['516'][3].state_desc"
                  name=""
                  :isMainPage="true"
                  :scale=0.7
                  :translate-x="544"
                  :translate-y="78"
                  :text-translate-y="-5"
                  :rotate="90"
                />
                <zhanyongbian
                              :scale=0.7
                              :translate-x="270"
                              :translate-y="1392"
                              :rotate="-90"
                              :color_1="'rgb(0,210,0)'"
                              color="rgb(240,180,140)"
                ></zhanyongbian>
                <g transform="translate(500,23)">
                  <num-screen name="#2所变" path="/suobian" dir="none"></num-screen>
                </g>

              </g>
              <g transform="translate(1700,65)">
                <circle r="8" cx="366" cy="105" style="fill:rgb(0,210,0);"/>
                <shou-che-svg
                  :shou-che-data-obj="pageData['52B-7'][0]"
                  :rotate="0" :translate-x="429" :translate-y="65" :title-x="0" :title-y="30"
                  :single="true"
                  :half="true"
                  :name="pageData['52B-7'][0].state_desc"
                ></shou-che-svg>
                <line x1="360" y1="105" x2="410" y2="105" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <line x1="430" y1="105" x2="538" y2="105" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <line x1="538" y1="90" x2="538" y2="120" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <bi-lei-qi
                  :scale=1
                  :translate-x="408"
                  :translate-y="22"
                  :rotate="0"
                  color="rgb(0,210,0)"
                ></bi-lei-qi>
                <four-circle
                  :scale=1
                  :translate-x="408"
                  :translate-y="-6"
                  :rotate="0"
                  color="rgb(0,210,0)"
                ></four-circle>
                <g transform="translate(500,23)">
                  <num-screen name="52B-7PT" path="/suobian" dir="none"></num-screen>
                </g>

              </g>
              <g transform="translate(1700,140)">
                <circle r="8" cx="366" cy="105" style="fill:rgb(0,210,0);"/>
                <shou-che-svg
                  :shou-che-data-obj="pageData[560][1]"
                  :rotate="0" :translate-x="429" :translate-y="65" :title-x="-5" :title-y="20"
                  :single="true"
                ></shou-che-svg>
                <line x1="360" y1="105" x2="410" y2="105" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <line x1="474" y1="105" x2="538" y2="105" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <g @click="goBreakPage('560')">
                  <rect-svg
                    :state="Number(pageData['560'][0].state_val)"
                    :stateDesc="pageData['560'][0].state_desc"
                    :rotate="0"
                    :translate-y="76"
                    :translate-x="428"
                    :text-translate-x="-2"
                    :text-translate-y="-4"
                    :scale="0.7"
                    :isMainPage="true"
                    :itemObj="{is_clear:pageData['560'][0].is_clear}"
                    :name="pageData['560'][0].state_desc"
                  ></rect-svg></g>
                <line x1="487" y1="105" x2="487" y2="95" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <line x1="487" y1="95" x2="497" y2="95" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <terminal-svg
                  :state="Number(pageData[560][2].state_val)"
                  :stateDesc="pageData[560][2].state_desc"
                  name=""
                  :isMainPage="true"
                  :scale=0.7
                  :translate-x="544"
                  :translate-y="78"
                  :text-translate-y="-5"
                  :rotate="90"
                />
                <dian-kang-qi
                  :scale=0.6
                  :translate-x="694"
                  :translate-y="52"
                  :rotate="90"
                  color="rgb(0,210,0)"
                ></dian-kang-qi>
                <g transform="translate(500,23)">
                  <num-screen name="560" path="/10kvPage" dir="none"></num-screen>
                </g>

              </g>
              <g transform="translate(1700,220)">
                <circle r="8" cx="366" cy="105" style="fill:rgb(0,210,0);"/>
                <shou-che-svg
                  :shou-che-data-obj="pageData['512B'][0]"
                  :rotate="0" :translate-x="429" :translate-y="65" :title-x="-5" :title-y="20"
                  :single="true"
                ></shou-che-svg>
                <line x1="360" y1="105" x2="410" y2="105" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <line x1="455" y1="105" x2="428" y2="105" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <polyline
                  points="474,105,533,105,533,145,474,145"
                  style="stroke:rgb(0,210,0); stroke-width:2; fill: none;"
                />
                <shou-che-svg
                  :shou-che-data-obj="pageData['512B'][2]"
                  :rotate="0" :translate-x="429" :translate-y="105" :title-x="-5" :title-y="20"
                  :single="true"
                ></shou-che-svg>
                <g @click="goBreakPage('512B')">
                  <rect-svg
                    :state="Number(pageData['512B'][1].state_val)"
                    :stateDesc="pageData['512B'][1].state_desc"
                    :rotate="0"
                    :translate-y="116"
                    :translate-x="428"
                    :text-translate-x="-2"
                    :text-translate-y="-4"
                    :scale="0.7"
                    :isMainPage="true"
                    :itemObj="{is_clear:pageData['512B'][1].is_clear}"
                    :name="pageData['512B'][1].state_desc"
                  ></rect-svg></g>
                <polyline
                  points="410,145,-20,145,-20,375"
                  style="stroke:rgb(0,210,0); stroke-width:2; fill: none;"
                />
                <g transform="translate(500,48)">
                  <num-screen name="512B" path="/10kvPage" dir="none"></num-screen>
                </g>
              </g>


            </g>
            <!--第二串-->
            <g transform="translate(0,380)">
              <g transform="translate(1700,-20)">
                <num-screen name="838" path="/guchang" dir="none"></num-screen>
                <polygon points="150,50 150,60 140,55" style="fill:rgb(0,210,0);" transform="translate(65,30)"/>
                <line x1="215" y1="85" x2="270" y2="85" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <line x1="260" y1="85" x2="260" y2="65" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <line x1="260" y1="65" x2="250" y2="65" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <terminal-svg
                  :state="Number(pageData[838][2].state_val)"
                  :stateDesc="pageData[838][2].state_desc"
                  name=""
                  :isMainPage="true"
                  :scale=0.7
                  :translate-x="205"
                  :translate-y="84"
                  :text-translate-y="-5"
                  :rotate="-90"
                />
                <shou-che-svg
                  :shou-che-data-obj="pageData[838][1]"
                  :rotate="0" :translate-x="289" :translate-y="45" :title-x="-25" :title-y="-10"
                ></shou-che-svg>
                <g @click="goBreakPage(838)">
                <rect-svg
                  :state="Number(pageData[838][0].state_val)"
                  :stateDesc="pageData[838][0].state_desc"
                  :rotate="0"
                  :translate-y="56"
                  :translate-x="288"
                  :text-translate-x="-2"
                  :text-translate-y="-4"
                  :scale="0.7"
                  :isMainPage="true"
                  :itemObj="{is_clear:pageData[838][0].is_clear}"
                  :name="pageData[838][0].state_desc"
                ></rect-svg></g>
                <line x1="332" y1="85" x2="360" y2="85" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <circle r="8" cx="366" cy="85" style="fill:rgb(0,210,0);"/>
              </g>
              <g transform="translate(1700,20)">
                <num-screen name="837" path="/guchang" dir="none"></num-screen>
                <polygon points="150,50 150,60 140,55" style="fill:rgb(0,210,0);" transform="translate(65,30)"/>
                <line x1="215" y1="85" x2="270" y2="85" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <line x1="260" y1="85" x2="260" y2="65" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <line x1="260" y1="65" x2="250" y2="65" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <terminal-svg
                  :state="Number(pageData[837][2].state_val)"
                  :stateDesc="pageData[837][2].state_desc"
                  name=""
                  :isMainPage="true"
                  :scale=0.7
                  :translate-x="205"
                  :translate-y="84"
                  :text-translate-y="-5"
                  :rotate="-90"
                />
                <shou-che-svg
                  :shou-che-data-obj="pageData[837][1]"
                  :rotate="0" :translate-x="289" :translate-y="45" :title-x="-25" :title-y="-10"
                ></shou-che-svg>
                <g @click="goBreakPage(837)">
                <rect-svg
                  :state="Number(pageData[837][0].state_val)"
                  :stateDesc="pageData[837][0].state_desc"
                  :rotate="0"
                  :translate-y="56"
                  :translate-x="288"
                  :text-translate-x="-2"
                  :text-translate-y="-4"
                  :scale="0.7"
                  :isMainPage="true"
                  :itemObj="{is_clear:pageData[837][0].is_clear}"
                  :name="pageData[837][0].state_desc"
                ></rect-svg></g>
                <line x1="332" y1="85" x2="360" y2="85" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <circle r="8" cx="366" cy="85" style="fill:rgb(0,210,0);"/>
              </g>
              <g transform="translate(1700,60)">
                <num-screen name="滹太二线" path="/guchang" dir="none"></num-screen>
                <polygon points="150,50 150,60 140,55" style="fill:rgb(0,210,0);" transform="translate(65,30)"/>
                <line x1="215" y1="85" x2="270" y2="85" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <line x1="260" y1="85" x2="260" y2="65" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <line x1="260" y1="65" x2="250" y2="65" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <terminal-svg
                  :state="Number(pageData[836][2].state_val)"
                  :stateDesc="pageData[836][2].state_desc"
                  name=""
                  :isMainPage="true"
                  :scale=0.7
                  :translate-x="205"
                  :translate-y="84"
                  :text-translate-y="-5"
                  :rotate="-90"
                />
                <shou-che-svg
                  :shou-che-data-obj="pageData[836][1]"
                  :rotate="0" :translate-x="289" :translate-y="45" :title-x="-25" :title-y="-10"
                  :single="true"
                ></shou-che-svg>
                <g @click="goBreakPage(836)">
                <rect-svg
                  :state="Number(pageData[836][0].state_val)"
                  :stateDesc="pageData[836][0].state_desc"
                  :rotate="0"
                  :translate-y="56"
                  :translate-x="288"
                  :text-translate-x="-2"
                  :text-translate-y="-4"
                  :scale="0.7"
                  :isMainPage="true"
                  :itemObj="{is_clear:pageData[836][0].is_clear}"
                  :name="pageData[836][0].state_desc"
                ></rect-svg></g>
                <line x1="334" y1="85" x2="360" y2="85" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <circle r="8" cx="366" cy="85" style="fill:rgb(0,210,0);"/>
              </g>
              <g transform="translate(1700,100)">
                <num-screen name="山水二线" path="/guchang" dir="none"></num-screen>
                <polygon points="150,50 150,60 140,55" style="fill:rgb(0,210,0);" transform="translate(65,30)"/>
                <line x1="215" y1="85" x2="270" y2="85" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <line x1="260" y1="85" x2="260" y2="65" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <line x1="260" y1="65" x2="250" y2="65" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <terminal-svg
                  :state="Number(pageData[835][2].state_val)"
                  :stateDesc="pageData[835][2].state_desc"
                  name=""
                  :isMainPage="true"
                  :scale=0.7
                  :translate-x="205"
                  :translate-y="84"
                  :text-translate-y="-5"
                  :rotate="-90"
                />
                <shou-che-svg
                  :shou-che-data-obj="pageData[835][1]"
                  :rotate="0" :translate-x="289" :translate-y="45" :title-x="-25" :title-y="-10"
                  :single="true"
                ></shou-che-svg>
                <g @click="goBreakPage(835)">
                <rect-svg
                  :state="Number(pageData[835][0].state_val)"
                  :stateDesc="pageData[835][0].state_desc"
                  :rotate="0"
                  :translate-y="56"
                  :translate-x="288"
                  :text-translate-x="-2"
                  :text-translate-y="-4"
                  :scale="0.7"
                  :isMainPage="true"
                  :itemObj="{is_clear:pageData[835][0].is_clear}"
                  :name="pageData[835][0].state_desc"
                ></rect-svg></g>
                <line x1="334" y1="85" x2="360" y2="85" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <circle r="8" cx="366" cy="85" style="fill:rgb(0,210,0);"/>
              </g>
              <g transform="translate(1700,140)">
                <num-screen name="834" path="/guchang" dir="none"></num-screen>
                <polygon points="150,50 150,60 140,55" style="fill:rgb(0,210,0);" transform="translate(65,30)"/>
                <line x1="215" y1="85" x2="270" y2="85" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <line x1="260" y1="85" x2="260" y2="65" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <line x1="260" y1="65" x2="250" y2="65" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <terminal-svg
                  :state="Number(pageData[834][2].state_val)"
                  :stateDesc="pageData[834][2].state_desc"
                  name=""
                  :isMainPage="true"
                  :scale=0.7
                  :translate-x="205"
                  :translate-y="84"
                  :text-translate-y="-5"
                  :rotate="-90"
                />
                <shou-che-svg
                  :shou-che-data-obj="pageData[834][1]"
                  :rotate="0" :translate-x="289" :translate-y="45" :title-x="-25" :title-y="-10"
                ></shou-che-svg>
                <g @click="goBreakPage(834)">
                <rect-svg
                  :state="Number(pageData[834][0].state_val)"
                  :stateDesc="pageData[834][0].state_desc"
                  :rotate="0"
                  :translate-y="56"
                  :translate-x="288"
                  :text-translate-x="-2"
                  :text-translate-y="-4"
                  :scale="0.7"
                  :isMainPage="true"
                  :itemObj="{is_clear:pageData[834][0].is_clear}"
                  :name="pageData[834][0].state_desc"
                ></rect-svg>
                  </g>
                <line x1="332" y1="85" x2="360" y2="85" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <circle r="8" cx="366" cy="85" style="fill:rgb(0,210,0);"/>
              </g>
              <g transform="translate(1700,180)">
                <num-screen name="高阳线" path="/guchang" dir="none"></num-screen>
                <polygon points="150,50 150,60 140,55" style="fill:rgb(0,210,0);" transform="translate(65,30)"/>
                <line x1="215" y1="85" x2="270" y2="85" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <line x1="260" y1="85" x2="260" y2="65" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <line x1="260" y1="65" x2="250" y2="65" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <terminal-svg
                  :state="Number(pageData[833][1].state_val)"
                  :stateDesc="pageData[833][1].state_desc"
                  name=""
                  :isMainPage="true"
                  :scale=0.7
                  :translate-x="205"
                  :translate-y="84"
                  :text-translate-y="-5"
                  :rotate="-90"
                />
                <shou-che-svg
                  :shou-che-data-obj="pageData[833][0]"
                  :rotate="0" :translate-x="289" :translate-y="45" :title-x="-25" :title-y="-10"
                  :single="true"
                ></shou-che-svg>
                <g @click="goBreakPage(833)">
                <rect-svg
                  :state="Number(pageData[833][2].state_val)"
                  :stateDesc="pageData[833][2].state_desc"
                  :rotate="0"
                  :translate-y="56"
                  :translate-x="288"
                  :text-translate-x="-2"
                  :text-translate-y="-4"
                  :scale="0.7"
                  :isMainPage="true"
                  :itemObj="{is_clear:pageData[833][2].is_clear}"
                  :name="pageData[833][2].state_desc"
                ></rect-svg>
                </g>
                <line x1="334" y1="85" x2="360" y2="85" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <circle r="8" cx="366" cy="85" style="fill:rgb(0,210,0);"/>
              </g>
              <g transform="translate(1700,220)">
                <num-screen name="石正线" path="/guchang" dir="none"></num-screen>
                <polygon points="150,50 150,60 140,55" style="fill:rgb(0,210,0);" transform="translate(65,30)"/>
                <line x1="215" y1="85" x2="270" y2="85" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <line x1="260" y1="85" x2="260" y2="65" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <line x1="260" y1="65" x2="250" y2="65" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <terminal-svg
                  :state="Number(pageData[832][2].state_val)"
                  :stateDesc="pageData[832][2].state_desc"
                  name=""
                  :isMainPage="true"
                  :scale=0.7
                  :translate-x="205"
                  :translate-y="84"
                  :text-translate-y="-5"
                  :rotate="-90"
                />
                <shou-che-svg
                  :shou-che-data-obj="pageData[832][1]"
                  :rotate="0" :translate-x="289" :translate-y="45" :title-x="-25" :title-y="-10"
                  :single="true"
                ></shou-che-svg>
                <g @click="goBreakPage(832)">
                <rect-svg
                  :state="Number(pageData[832][0].state_val)"
                  :stateDesc="pageData[832][0].state_desc"
                  :rotate="0"
                  :translate-y="56"
                  :translate-x="288"
                  :text-translate-x="-2"
                  :text-translate-y="-4"
                  :scale="0.7"
                  :isMainPage="true"
                  :itemObj="{is_clear:pageData[832][0].is_clear}"
                  :name="pageData[832][0].state_desc"
                ></rect-svg>
                </g>
                <line x1="334" y1="85" x2="360" y2="85" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <circle r="8" cx="366" cy="85" style="fill:rgb(0,210,0);"/>
              </g>
              <g transform="translate(1700,260)">
                <num-screen name="831" path="/guchang" dir="none"></num-screen>
                <polygon points="150,50 150,60 140,55" style="fill:rgb(0,210,0);" transform="translate(65,30)"/>
                <line x1="215" y1="85" x2="270" y2="85" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <line x1="260" y1="85" x2="260" y2="65" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <line x1="260" y1="65" x2="250" y2="65" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <terminal-svg
                  :state="Number(pageData[831][2].state_val)"
                  :stateDesc="pageData[831][2].state_desc"
                  name=""
                  :isMainPage="true"
                  :scale=0.7
                  :translate-x="205"
                  :translate-y="84"
                  :text-translate-y="-5"
                  :rotate="-90"
                />
                <shou-che-svg
                  :shou-che-data-obj="pageData[831][1]"
                  :rotate="0" :translate-x="289" :translate-y="45" :title-x="-25" :title-y="-10"
                ></shou-che-svg>
                <g @click="goBreakPage(831)">
                <rect-svg
                  :state="Number(pageData[831][0].state_val)"
                  :stateDesc="pageData[831][0].state_desc"
                  :rotate="0"
                  :translate-y="56"
                  :translate-x="288"
                  :text-translate-x="-2"
                  :text-translate-y="-4"
                  :scale="0.7"
                  :isMainPage="true"
                  :itemObj="{is_clear:pageData[831][0].is_clear}"
                  :name="pageData[831][0].state_desc"
                ></rect-svg>
                </g>
                <line x1="332" y1="85" x2="360" y2="85" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <circle r="8" cx="366" cy="85" style="fill:rgb(0,210,0);"/>
              </g>

              <g transform="translate(1700,-20)">
                <circle r="8" cx="366" cy="105" style="fill:rgb(0,210,0);"/>
                <shou-che-svg
                  :shou-che-data-obj="pageData['512A'][0]"
                  :rotate="0" :translate-x="429" :translate-y="65" :title-x="-5" :title-y="20"
                  :single="true"
                ></shou-che-svg>
                <line x1="360" y1="105" x2="410" y2="105" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <line x1="455" y1="105" x2="428" y2="105" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <polyline
                  points="474,105,533,105,533,55,474,55"
                  style="stroke:rgb(0,210,0); stroke-width:2; fill: none;"
                />
                <shou-che-svg
                  :shou-che-data-obj="pageData['512A'][2]"
                  :rotate="0" :translate-x="429" :translate-y="16" :title-x="-5" :title-y="20"
                  :single="true"
                ></shou-che-svg>
                <g @click="goBreakPage('512A')">
                  <rect-svg
                    :state="Number(pageData['512A'][1].state_val)"
                    :stateDesc="pageData['512A'][1].state_desc"
                    :rotate="0"
                    :translate-y="26"
                    :translate-x="428"
                    :text-translate-x="-2"
                    :text-translate-y="30"
                    :scale="0.7"
                    :isMainPage="true"
                    :itemObj="{is_clear:pageData['512A'][1].is_clear}"
                    :name="pageData['512A'][1].state_desc"
                  ></rect-svg></g>
                <polyline
                  points="410,55,-20,55"
                  style="stroke:rgb(0,210,0); stroke-width:2; fill: none;"
                />
                <g transform="translate(500,0)">
                  <num-screen name="512A" path="/10kvPage" dir="none"></num-screen>
                </g>
              </g>
              <g transform="translate(1700,20)">
                <circle r="8" cx="366" cy="105" style="fill:rgb(0,210,0);"/>
                <shou-che-svg
                  :shou-che-data-obj="pageData['52A-7'][0]"
                  :rotate="0" :translate-x="429" :translate-y="65" :title-x="0" :title-y="30"
                  :single="true"
                  :half="true"
                  :name="pageData['52A-7'][0].state_desc"
                ></shou-che-svg>
                <line x1="360" y1="105" x2="410" y2="105" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <line x1="430" y1="105" x2="538" y2="105" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <line x1="538" y1="90" x2="538" y2="120" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <bi-lei-qi
                  :scale=1
                  :translate-x="408"
                  :translate-y="22"
                  :rotate="0"
                  color="rgb(0,210,0)"
                ></bi-lei-qi>
                <four-circle
                  :scale=1
                  :translate-x="408"
                  :translate-y="-6"
                  :rotate="0"
                  color="rgb(0,210,0)"
                ></four-circle>
                <g transform="translate(500,23)">
                  <num-screen name="52A-7PT" path="/suobian" dir="none"></num-screen>
                </g>

              </g>
              <g transform="translate(1700,60)">
                <circle r="8" cx="366" cy="105" style="fill:rgb(0,210,0);"/>
                <shou-che-svg
                  :shou-che-data-obj="pageData[550][1]"
                  :rotate="0" :translate-x="429" :translate-y="65" :title-x="-5" :title-y="20"
                  :single="true"
                ></shou-che-svg>
                <line x1="360" y1="105" x2="410" y2="105" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <line x1="474" y1="105" x2="538" y2="105" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <g @click="goBreakPage('550')">
                  <rect-svg
                    :state="Number(pageData['550'][0].state_val)"
                    :stateDesc="pageData['550'][0].state_desc"
                    :rotate="0"
                    :translate-y="76"
                    :translate-x="428"
                    :text-translate-x="-2"
                    :text-translate-y="-4"
                    :scale="0.7"
                    :isMainPage="true"
                    :itemObj="{is_clear:pageData['550'][0].is_clear}"
                    :name="pageData['550'][0].state_desc"
                  ></rect-svg></g>
                <line x1="487" y1="105" x2="487" y2="95" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <line x1="487" y1="95" x2="497" y2="95" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <terminal-svg
                  :state="Number(pageData[550][2].state_val)"
                  :stateDesc="pageData[550][2].state_desc"
                  name=""
                  :isMainPage="true"
                  :scale=0.7
                  :translate-x="544"
                  :translate-y="78"
                  :text-translate-y="-5"
                  :rotate="90"
                />
                <dian-kang-qi
                  :scale=0.6
                  :translate-x="694"
                  :translate-y="52"
                  :rotate="90"
                  color="rgb(0,210,0)"
                ></dian-kang-qi>
                <g transform="translate(500,23)">
                  <num-screen name="550" path="/10kvPage" dir="none"></num-screen>
                </g>

              </g>
              <g transform="translate(1700,140)">
                <circle r="8" cx="366" cy="105" style="fill:rgb(0,210,0);"/>
                <shou-che-svg
                  :shou-che-data-obj="pageData[540][1]"
                  :rotate="0" :translate-x="429" :translate-y="65" :title-x="-5" :title-y="20"
                  :single="true"
                ></shou-che-svg>
                <line x1="360" y1="105" x2="410" y2="105" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <line x1="474" y1="105" x2="538" y2="105" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <g @click="goBreakPage('550')">
                  <rect-svg
                    :state="Number(pageData['540'][0].state_val)"
                    :stateDesc="pageData['540'][0].state_desc"
                    :rotate="0"
                    :translate-y="76"
                    :translate-x="428"
                    :text-translate-x="-2"
                    :text-translate-y="-4"
                    :scale="0.7"
                    :isMainPage="true"
                    :itemObj="{is_clear:pageData['540'][0].is_clear}"
                    :name="pageData['540'][0].state_desc"
                  ></rect-svg></g>
                <line x1="487" y1="105" x2="487" y2="95" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <line x1="487" y1="95" x2="497" y2="95" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <terminal-svg
                  :state="Number(pageData[540][2].state_val)"
                  :stateDesc="pageData[540][2].state_desc"
                  name=""
                  :isMainPage="true"
                  :scale=0.7
                  :translate-x="544"
                  :translate-y="78"
                  :text-translate-y="-5"
                  :rotate="90"
                />
                <dian-kang-qi
                  :scale=0.6
                  :translate-x="694"
                  :translate-y="52"
                  :rotate="90"
                  color="rgb(0,210,0)"
                ></dian-kang-qi>
                <g transform="translate(500,23)">
                  <num-screen name="540" path="/10kvPage" dir="none"></num-screen>
                </g>

              </g>
              <g transform="translate(1700,180)">
                <circle r="8" cx="366" cy="105" style="fill:rgb(0,210,0);"/>
                <shou-che-svg
                  :shou-che-data-obj="pageData['516J'][2]"
                  :rotate="0" :translate-x="429" :translate-y="65" :title-x="-5" :title-y="20"
                  :single="true"
                ></shou-che-svg>
                <line x1="360" y1="105" x2="410" y2="105" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <line x1="474" y1="105" x2="538" y2="105" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <g @click="goBreakPage('516J')">
                  <rect-svg
                    :state="Number(pageData['516J'][1].state_val)"
                    :stateDesc="pageData['516J'][1].state_desc"
                    :rotate="0"
                    :translate-y="76"
                    :translate-x="428"
                    :text-translate-x="-2"
                    :text-translate-y="-4"
                    :scale="0.7"
                    :isMainPage="true"
                    :itemObj="{is_clear:pageData['516J'][1].is_clear}"
                    :name="pageData['516J'][1].state_desc"
                  ></rect-svg></g>
                <line x1="487" y1="105" x2="487" y2="95" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <line x1="487" y1="95" x2="497" y2="95" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <terminal-svg
                  :state="Number(pageData['516J'][0].state_val)"
                  :stateDesc="pageData['516J'][0].state_desc"
                  name=""
                  :isMainPage="true"
                  :scale=0.7
                  :translate-x="544"
                  :translate-y="78"
                  :text-translate-y="-5"
                  :rotate="90"
                />
                <zhanyongbian
                  :scale=0.7
                  :translate-x="270"
                  :translate-y="1392"
                  :rotate="-90"
                  :color_1="'rgb(0,210,0)'"
                  color="rgb(240,180,140)"
                ></zhanyongbian>
                <g transform="translate(500,23)">
                  <num-screen name="#2接地变" path="/suobian" dir="none"></num-screen>
                </g>

              </g>
              <g transform="translate(1700,220)">
                <circle r="8" cx="366" cy="105" style="fill:rgb(0,210,0);"/>
                <shou-che-svg
                  :shou-che-data-obj="pageData['501'][0]"
                  :rotate="0" :translate-x="429" :translate-y="65" :title-x="-5" :title-y="20"
                  :single="true"
                ></shou-che-svg>
                <line x1="360" y1="105" x2="410" y2="105" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <line x1="455" y1="105" x2="428" y2="105" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <polyline
                  points="474,105,533,105,533,185,474,185"
                  style="stroke:rgb(0,210,0); stroke-width:2; fill: none;"
                />
                <shou-che-svg
                  :shou-che-data-obj="pageData['501'][2]"
                  :rotate="0" :translate-x="429" :translate-y="145" :title-x="-5" :title-y="20"
                  :single="true"
                ></shou-che-svg>
                <g @click="goBreakPage('501')">
                  <rect-svg
                    :state="Number(pageData['501'][1].state_val)"
                    :stateDesc="pageData['501'][1].state_desc"
                    :rotate="0"
                    :translate-y="156"
                    :translate-x="428"
                    :text-translate-x="-2"
                    :text-translate-y="-4"
                    :scale="0.7"
                    :isMainPage="true"
                    :itemObj="{is_clear:pageData['501'][1].is_clear}"
                    :name="pageData['501'][1].state_desc"
                  ></rect-svg></g>
                <polyline
                  points="410,185,370,185"
                  style="stroke:rgb(0,210,0); stroke-width:2; fill: none;"
                />
                <circle r="8" cx="366" cy="185" style="fill:rgb(0,210,0);"/>
                <g transform="translate(500,68)">
                  <num-screen name="分段" path="/10kvPage" dir="none"></num-screen>
                </g>
              </g>
            </g>
            <!--          第三串-->
            <g transform="translate(0,750)">
              <g transform="translate(1700,-20)">
                <num-screen name="828" path="/guchang" dir="none"></num-screen>
                <polygon points="150,50 150,60 140,55" style="fill:rgb(0,210,0);" transform="translate(65,30)"/>
                <line x1="215" y1="85" x2="270" y2="85" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <line x1="260" y1="85" x2="260" y2="65" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <line x1="260" y1="65" x2="250" y2="65" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <terminal-svg
                  :state="Number(pageData[828][2].state_val)"
                  :stateDesc="pageData[828][2].state_desc"
                  name=""
                  :isMainPage="true"
                  :scale=0.7
                  :translate-x="205"
                  :translate-y="84"
                  :text-translate-y="-5"
                  :rotate="-90"
                />
                <shou-che-svg
                  :shou-che-data-obj="pageData[828][1]"
                  :rotate="0" :translate-x="289" :translate-y="45" :title-x="-25" :title-y="-10"
                ></shou-che-svg>
                <g @click="goBreakPage(828)">
                <rect-svg
                  :state="Number(pageData[828][0].state_val)"
                  :stateDesc="pageData[828][0].state_desc"
                  :rotate="0"
                  :translate-y="56"
                  :translate-x="288"
                  :text-translate-x="-2"
                  :text-translate-y="-4"
                  :scale="0.7"
                  :isMainPage="true"
                  :itemObj="{is_clear:pageData[828][0].is_clear}"
                  :name="pageData[828][0].state_desc"
                ></rect-svg>
                </g>
                <line x1="332" y1="85" x2="360" y2="85" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <circle r="8" cx="366" cy="85" style="fill:rgb(0,210,0);"/>
              </g>
              <g transform="translate(1700,20)">
                <num-screen name="三环一线" path="/guchang" dir="none"></num-screen>
                <polygon points="150,50 150,60 140,55" style="fill:rgb(0,210,0);" transform="translate(65,30)"/>
                <line x1="215" y1="85" x2="270" y2="85" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <line x1="260" y1="85" x2="260" y2="65" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <line x1="260" y1="65" x2="250" y2="65" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <terminal-svg
                  :state="Number(pageData[827][2].state_val)"
                  :stateDesc="pageData[827][2].state_desc"
                  name=""
                  :isMainPage="true"
                  :scale=0.7
                  :translate-x="205"
                  :translate-y="84"
                  :text-translate-y="-5"
                  :rotate="-90"
                />
                <shou-che-svg
                  :shou-che-data-obj="pageData[827][1]"
                  :rotate="0" :translate-x="289" :translate-y="45" :title-x="-25" :title-y="-10"
                  :single="true"
                ></shou-che-svg>
                <g @click="goBreakPage(827)">
                <rect-svg
                  :state="Number(pageData[827][0].state_val)"
                  :stateDesc="pageData[827][0].state_desc"
                  :rotate="0"
                  :translate-y="56"
                  :translate-x="288"
                  :text-translate-x="-2"
                  :text-translate-y="-4"
                  :scale="0.7"
                  :isMainPage="true"
                  :itemObj="{is_clear:pageData[827][0].is_clear}"
                  :name="pageData[827][0].state_desc"
                ></rect-svg>
                </g>
                <line x1="334" y1="85" x2="360" y2="85" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <circle r="8" cx="366" cy="85" style="fill:rgb(0,210,0);"/>
              </g>
              <g transform="translate(1700,60)">
                <num-screen name="滹太一线" path="/guchang" dir="none"></num-screen>
                <polygon points="150,50 150,60 140,55" style="fill:rgb(0,210,0);" transform="translate(65,30)"/>
                <line x1="215" y1="85" x2="270" y2="85" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <line x1="260" y1="85" x2="260" y2="65" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <line x1="260" y1="65" x2="250" y2="65" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <terminal-svg
                  :state="Number(pageData[826][2].state_val)"
                  :stateDesc="pageData[826][2].state_desc"
                  name=""
                  :isMainPage="true"
                  :scale=0.7
                  :translate-x="205"
                  :translate-y="84"
                  :text-translate-y="-5"
                  :rotate="-90"
                />
                <shou-che-svg
                  :shou-che-data-obj="pageData[826][1]"
                  :rotate="0" :translate-x="289" :translate-y="45" :title-x="-25" :title-y="-10"
                  :single="true"
                ></shou-che-svg>
                <g @click="goBreakPage(826)">
                <rect-svg
                  :state="Number(pageData[826][0].state_val)"
                  :stateDesc="pageData[826][0].state_desc"
                  :rotate="0"
                  :translate-y="56"
                  :translate-x="288"
                  :text-translate-x="-2"
                  :text-translate-y="-4"
                  :scale="0.7"
                  :isMainPage="true"
                  :itemObj="{is_clear:pageData[826][0].is_clear}"
                  :name="pageData[826][0].state_desc"
                ></rect-svg></g>
                <line x1="334" y1="85" x2="360" y2="85" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <circle r="8" cx="366" cy="85" style="fill:rgb(0,210,0);"/>
              </g>
              <g transform="translate(1700,100)">
                <num-screen name="825" path="/guchang" dir="none"></num-screen>
                <polygon points="150,50 150,60 140,55" style="fill:rgb(0,210,0);" transform="translate(65,30)"/>
                <line x1="215" y1="85" x2="270" y2="85" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <line x1="260" y1="85" x2="260" y2="65" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <line x1="260" y1="65" x2="250" y2="65" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <terminal-svg
                  :state="Number(pageData[825][2].state_val)"
                  :stateDesc="pageData[825][2].state_desc"
                  name=""
                  :isMainPage="true"
                  :scale=0.7
                  :translate-x="205"
                  :translate-y="84"
                  :text-translate-y="-5"
                  :rotate="-90"
                />
                <shou-che-svg
                  :shou-che-data-obj="pageData[825][1]"
                  :rotate="0" :translate-x="289" :translate-y="45" :title-x="-25" :title-y="-10"
                ></shou-che-svg>
                <g @click="goBreakPage(825)">
                <rect-svg
                  :state="Number(pageData[825][0].state_val)"
                  :stateDesc="pageData[825][0].state_desc"
                  :rotate="0"
                  :translate-y="56"
                  :translate-x="288"
                  :text-translate-x="-2"
                  :text-translate-y="-4"
                  :scale="0.7"
                  :isMainPage="true"
                  :itemObj="{is_clear:pageData[825][0].is_clear}"
                  :name="pageData[825][0].state_desc"
                ></rect-svg></g>
                <line x1="332" y1="85" x2="360" y2="85" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <circle r="8" cx="366" cy="85" style="fill:rgb(0,210,0);"/>
              </g>
              <g transform="translate(1700,140)">
                <num-screen name="824" path="/guchang" dir="none"></num-screen>
                <polygon points="150,50 150,60 140,55" style="fill:rgb(0,210,0);" transform="translate(65,30)"/>
                <line x1="215" y1="85" x2="270" y2="85" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <line x1="260" y1="85" x2="260" y2="65" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <line x1="260" y1="65" x2="250" y2="65" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <terminal-svg
                  :state="Number(pageData[824][1].state_val)"
                  :stateDesc="pageData[824][1].state_desc"
                  name=""
                  :isMainPage="true"
                  :scale=0.7
                  :translate-x="205"
                  :translate-y="84"
                  :text-translate-y="-5"
                  :rotate="-90"
                />
                <shou-che-svg
                  :shou-che-data-obj="pageData[824][0]"
                  :rotate="0" :translate-x="289" :translate-y="45" :title-x="-25" :title-y="-10"
                ></shou-che-svg>
                <g @click="goBreakPage(824)">
                <rect-svg
                  :state="Number(pageData[824][2].state_val)"
                  :stateDesc="pageData[824][2].state_desc"
                  :rotate="0"
                  :translate-y="56"
                  :translate-x="288"
                  :text-translate-x="-2"
                  :text-translate-y="-4"
                  :scale="0.7"
                  :isMainPage="true"
                  :itemObj="{is_clear:pageData[824][2].is_clear}"
                  :name="pageData[824][2].state_desc"
                ></rect-svg></g>
                <line x1="332" y1="85" x2="360" y2="85" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <circle r="8" cx="366" cy="85" style="fill:rgb(0,210,0);"/>
              </g>
              <g transform="translate(1700,180)">
                <num-screen name="823" path="/guchang" dir="none"></num-screen>
                <polygon points="150,50 150,60 140,55" style="fill:rgb(0,210,0);" transform="translate(65,30)"/>
                <line x1="215" y1="85" x2="270" y2="85" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <line x1="260" y1="85" x2="260" y2="65" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <line x1="260" y1="65" x2="250" y2="65" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <terminal-svg
                  :state="Number(pageData[823][2].state_val)"
                  :stateDesc="pageData[823][2].state_desc"
                  name=""
                  :isMainPage="true"
                  :scale=0.7
                  :translate-x="205"
                  :translate-y="84"
                  :text-translate-y="-5"
                  :rotate="-90"
                />
                <shou-che-svg
                  :shou-che-data-obj="pageData[823][1]"
                  :rotate="0" :translate-x="289" :translate-y="45" :title-x="-25" :title-y="-10"
                ></shou-che-svg>
                <g @click="goBreakPage(823)">
                <rect-svg
                  :state="Number(pageData[823][0].state_val)"
                  :stateDesc="pageData[823][0].state_desc"
                  :rotate="0"
                  :translate-y="56"
                  :translate-x="288"
                  :text-translate-x="-2"
                  :text-translate-y="-4"
                  :scale="0.7"
                  :isMainPage="true"
                  :itemObj="{is_clear:pageData[823][0].is_clear}"
                  :name="pageData[823][0].state_desc"
                ></rect-svg></g>
                <line x1="332" y1="85" x2="360" y2="85" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <circle r="8" cx="366" cy="85" style="fill:rgb(0,210,0);"/>
              </g>
              <g transform="translate(1700,220)">
                <num-screen name="822" path="/guchang" dir="none"></num-screen>
                <polygon points="150,50 150,60 140,55" style="fill:rgb(0,210,0);" transform="translate(65,30)"/>
                <line x1="215" y1="85" x2="270" y2="85" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <line x1="260" y1="85" x2="260" y2="65" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <line x1="260" y1="65" x2="250" y2="65" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <terminal-svg
                  :state="Number(pageData[822][2].state_val)"
                  :stateDesc="pageData[822][2].state_desc"
                  name=""
                  :isMainPage="true"
                  :scale=0.7
                  :translate-x="205"
                  :translate-y="84"
                  :text-translate-y="-5"
                  :rotate="-90"
                />
                <shou-che-svg
                  :shou-che-data-obj="pageData[822][1]"
                  :rotate="0" :translate-x="289" :translate-y="45" :title-x="-25" :title-y="-10"
                ></shou-che-svg>
                <g @click="goBreakPage(822)">
                <rect-svg
                  :state="Number(pageData[822][0].state_val)"
                  :stateDesc="pageData[822][0].state_desc"
                  :rotate="0"
                  :translate-y="56"
                  :translate-x="288"
                  :text-translate-x="-2"
                  :text-translate-y="-4"
                  :scale="0.7"
                  :isMainPage="true"
                  :itemObj="{is_clear:pageData[822][0].is_clear}"
                  :name="pageData[822][0].state_desc"
                ></rect-svg></g>
                <line x1="332" y1="85" x2="360" y2="85" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <circle r="8" cx="366" cy="85" style="fill:rgb(0,210,0);"/>
              </g>
              <g transform="translate(1700,260)">
                <num-screen name="古新线" path="/guchang" dir="none"></num-screen>
                <polygon points="150,50 150,60 140,55" style="fill:rgb(0,210,0);" transform="translate(65,30)"/>
                <line x1="215" y1="85" x2="270" y2="85" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <line x1="260" y1="85" x2="260" y2="65" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <line x1="260" y1="65" x2="250" y2="65" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <terminal-svg
                  :state="Number(pageData[828][2].state_val)"
                  :stateDesc="pageData[828][2].state_desc"
                  name=""
                  :isMainPage="true"
                  :scale=0.7
                  :translate-x="205"
                  :translate-y="84"
                  :text-translate-y="-5"
                  :rotate="-90"
                />
                <shou-che-svg
                  :shou-che-data-obj="pageData[821][1]"
                  :rotate="0" :translate-x="289" :translate-y="45" :title-x="-25" :title-y="-10"
                ></shou-che-svg>
                <g @click="goBreakPage(821)">
                <rect-svg
                  :state="Number(pageData[821][0].state_val)"
                  :stateDesc="pageData[821][0].state_desc"
                  :rotate="0"
                  :translate-y="56"
                  :translate-x="288"
                  :text-translate-x="-2"
                  :text-translate-y="-4"
                  :scale="0.7"
                  :isMainPage="true"
                  :itemObj="{is_clear:pageData[821][0].is_clear}"
                  :name="pageData[821][0].state_desc"
                ></rect-svg></g>
                <line x1="332" y1="85" x2="360" y2="85" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <circle r="8" cx="366" cy="85" style="fill:rgb(0,210,0);"/>
              </g>

              <g transform="translate(1700,-20)">
                <circle r="8" cx="366" cy="105" style="fill:rgb(0,210,0);"/>
                <shou-che-svg
                  :shou-che-data-obj="pageData[530][1]"
                  :rotate="0" :translate-x="429" :translate-y="65" :title-x="-5" :title-y="20"
                  :single="true"
                ></shou-che-svg>
                <line x1="360" y1="105" x2="410" y2="105" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <line x1="474" y1="105" x2="538" y2="105" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <g @click="goBreakPage('530')">
                  <rect-svg
                    :state="Number(pageData['530'][0].state_val)"
                    :stateDesc="pageData['530'][0].state_desc"
                    :rotate="0"
                    :translate-y="76"
                    :translate-x="428"
                    :text-translate-x="-2"
                    :text-translate-y="-4"
                    :scale="0.7"
                    :isMainPage="true"
                    :itemObj="{is_clear:pageData['530'][1].is_clear}"
                    :name="pageData['530'][1].state_desc"
                  ></rect-svg></g>
                <line x1="487" y1="105" x2="487" y2="95" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <line x1="487" y1="95" x2="497" y2="95" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <terminal-svg
                  :state="Number(pageData[530][2].state_val)"
                  :stateDesc="pageData[530][2].state_desc"
                  name=""
                  :isMainPage="true"
                  :scale=0.7
                  :translate-x="544"
                  :translate-y="78"
                  :text-translate-y="-5"
                  :rotate="90"
                />
                <dian-kang-qi
                  :scale=0.6
                  :translate-x="694"
                  :translate-y="52"
                  :rotate="90"
                  color="rgb(0,210,0)"
                ></dian-kang-qi>
                <g transform="translate(500,23)">
                  <num-screen name="530" path="/10kvPage" dir="none"></num-screen>
                </g>

              </g>
              <g transform="translate(1700,60)">
                <circle r="8" cx="366" cy="105" style="fill:rgb(0,210,0);"/>
                <shou-che-svg
                  :shou-che-data-obj="pageData[520][0]"
                  :rotate="0" :translate-x="429" :translate-y="65" :title-x="-5" :title-y="20"
                  :single="true"
                ></shou-che-svg>
                <line x1="360" y1="105" x2="410" y2="105" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <line x1="474" y1="105" x2="538" y2="105" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <g @click="goBreakPage('530')">
                  <rect-svg
                    :state="Number(pageData['520'][1].state_val)"
                    :stateDesc="pageData['520'][1].state_desc"
                    :rotate="0"
                    :translate-y="76"
                    :translate-x="428"
                    :text-translate-x="-2"
                    :text-translate-y="-4"
                    :scale="0.7"
                    :isMainPage="true"
                    :itemObj="{is_clear:pageData['520'][1].is_clear}"
                    :name="pageData['520'][1].state_desc"
                  ></rect-svg></g>
                <line x1="487" y1="105" x2="487" y2="95" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <line x1="487" y1="95" x2="497" y2="95" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <terminal-svg
                  :state="Number(pageData[520][2].state_val)"
                  :stateDesc="pageData[520][2].state_desc"
                  name=""
                  :isMainPage="true"
                  :scale=0.7
                  :translate-x="544"
                  :translate-y="78"
                  :text-translate-y="-5"
                  :rotate="90"
                />
                <dian-kang-qi
                  :scale=0.6
                  :translate-x="694"
                  :translate-y="52"
                  :rotate="90"
                  color="rgb(0,210,0)"
                ></dian-kang-qi>
                <g transform="translate(500,23)">
                  <num-screen name="520" path="/10kvPage" dir="none"></num-screen>
                </g>

              </g>
              <g transform="translate(1700,100)">
                <circle r="8" cx="366" cy="105" style="fill:rgb(0,210,0);"/>
                <shou-che-svg
                  :shou-che-data-obj="pageData['515J'][0]"
                  :rotate="0" :translate-x="429" :translate-y="65" :title-x="-5" :title-y="20"
                  :single="true"
                ></shou-che-svg>
                <line x1="360" y1="105" x2="410" y2="105" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <line x1="474" y1="105" x2="538" y2="105" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <g @click="goBreakPage('515J')">
                  <rect-svg
                    :state="Number(pageData['515J'][1].state_val)"
                    :stateDesc="pageData['515J'][1].state_desc"
                    :rotate="0"
                    :translate-y="76"
                    :translate-x="428"
                    :text-translate-x="-2"
                    :text-translate-y="-4"
                    :scale="0.7"
                    :isMainPage="true"
                    :itemObj="{is_clear:pageData['515J'][1].is_clear}"
                    :name="pageData['515J'][1].state_desc"
                  ></rect-svg></g>
                <line x1="487" y1="105" x2="487" y2="95" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <line x1="487" y1="95" x2="497" y2="95" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <terminal-svg
                  :state="Number(pageData['515J'][2].state_val)"
                  :stateDesc="pageData['515J'][2].state_desc"
                  name=""
                  :isMainPage="true"
                  :scale=0.7
                  :translate-x="544"
                  :translate-y="78"
                  :text-translate-y="-5"
                  :rotate="90"
                />
                <zhanyongbian
                  :scale=0.7
                  :translate-x="270"
                  :translate-y="1392"
                  :rotate="-90"
                  :color_1="'rgb(0,210,0)'"
                  color="rgb(240,180,140)"
                ></zhanyongbian>
                <g transform="translate(500,23)">
                  <num-screen name="#1接地变" path="/suobian" dir="none"></num-screen>
                </g>

              </g>
              <g transform="translate(1700,180)">
                <circle r="8" cx="366" cy="105" style="fill:rgb(0,210,0);"/>
                <shou-che-svg
                  :shou-che-data-obj="pageData['51B-7'][0]"
                  :rotate="0" :translate-x="429" :translate-y="65" :title-x="0" :title-y="30"
                  :single="true"
                  :half="true"
                  :name="pageData['51B-7'][0].state_desc"
                ></shou-che-svg>
                <line x1="360" y1="105" x2="410" y2="105" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <line x1="430" y1="105" x2="538" y2="105" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <line x1="538" y1="90" x2="538" y2="120" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <bi-lei-qi
                  :scale=1
                  :translate-x="408"
                  :translate-y="22"
                  :rotate="0"
                  color="rgb(0,210,0)"
                ></bi-lei-qi>
                <four-circle
                  :scale=1
                  :translate-x="408"
                  :translate-y="-6"
                  :rotate="0"
                  color="rgb(0,210,0)"
                ></four-circle>
                <g transform="translate(500,23)">
                  <num-screen name="51B-7PT" path="/suobian" dir="none"></num-screen>
                </g>

              </g>
              <g transform="translate(1700,220)">
                <circle r="8" cx="366" cy="105" style="fill:rgb(0,210,0);"/>
                <shou-che-svg
                  :shou-che-data-obj="pageData['511B'][0]"
                  :rotate="0" :translate-x="429" :translate-y="65" :title-x="-5" :title-y="20"
                  :single="true"
                ></shou-che-svg>
                <line x1="360" y1="105" x2="410" y2="105" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <line x1="455" y1="105" x2="428" y2="105" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <polyline
                  points="474,105,533,105,533,145,474,145"
                  style="stroke:rgb(0,210,0); stroke-width:2; fill: none;"
                />
                <shou-che-svg
                  :shou-che-data-obj="pageData['511B'][2]"
                  :rotate="0" :translate-x="429" :translate-y="105" :title-x="-5" :title-y="20"
                  :single="true"
                ></shou-che-svg>
                <g @click="goBreakPage('511B')">
                  <rect-svg
                    :state="Number(pageData['511B'][1].state_val)"
                    :stateDesc="pageData['511B'][1].state_desc"
                    :rotate="0"
                    :translate-y="116"
                    :translate-x="428"
                    :text-translate-x="-2"
                    :text-translate-y="-4"
                    :scale="0.7"
                    :isMainPage="true"
                    :itemObj="{is_clear:pageData['511B'][1].is_clear}"
                    :name="pageData['511B'][1].state_desc"
                  ></rect-svg></g>
                <polyline
                  points="410,145,-20,145,-20,-355,-140,-355"
                  style="stroke:rgb(0,210,0); stroke-width:2; fill: none;"
                />
                <g transform="translate(500,48)">
                  <num-screen name="511B" path="/10kvPage" dir="none"></num-screen>
                </g>
              </g>
            </g>
            <!--          第四串-->
            <g transform="translate(0,1140)">
              <g transform="translate(1700,-20)">
                <num-screen name="818" path="/guchang" dir="none"></num-screen>
                <polygon points="150,50 150,60 140,55" style="fill:rgb(0,210,0);" transform="translate(65,30)"/>
                <line x1="215" y1="85" x2="270" y2="85" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <line x1="260" y1="85" x2="260" y2="65" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <line x1="260" y1="65" x2="250" y2="65" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <terminal-svg
                  :state="Number(pageData[818][2].state_val)"
                  :stateDesc="pageData[818][2].state_desc"
                  name=""
                  :isMainPage="true"
                  :scale=0.7
                  :translate-x="205"
                  :translate-y="84"
                  :text-translate-y="-5"
                  :rotate="-90"
                />
                <shou-che-svg
                  :shou-che-data-obj="pageData[818][0]"
                  :rotate="0" :translate-x="289" :translate-y="45" :title-x="-25" :title-y="-10"
                ></shou-che-svg>
                <g @click="goBreakPage(818)">
                <rect-svg
                  :state="Number(pageData[818][0].state_val)"
                  :stateDesc="pageData[818][0].state_desc"
                  :rotate="0"
                  :translate-y="56"
                  :translate-x="288"
                  :text-translate-x="-2"
                  :text-translate-y="-4"
                  :scale="0.7"
                  :isMainPage="true"
                  :itemObj="{is_clear:pageData[818][0].is_clear}"
                  :name="pageData[818][0].state_desc"
                ></rect-svg></g>
                <line x1="332" y1="85" x2="360" y2="85" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <circle r="8" cx="366" cy="85" style="fill:rgb(0,210,0);"/>
              </g>
              <g transform="translate(1700,20)">
                <num-screen name="三环线" path="/guchang" dir="none"></num-screen>
                <polygon points="150,50 150,60 140,55" style="fill:rgb(0,210,0);" transform="translate(65,30)"/>
                <line x1="215" y1="85" x2="270" y2="85" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <line x1="260" y1="85" x2="260" y2="65" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <line x1="260" y1="65" x2="250" y2="65" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <terminal-svg
                  :state="Number(pageData[817][2].state_val)"
                  :stateDesc="pageData[817][2].state_desc"
                  name=""
                  :isMainPage="true"
                  :scale=0.7
                  :translate-x="205"
                  :translate-y="84"
                  :text-translate-y="-5"
                  :rotate="-90"
                />
                <shou-che-svg
                  :shou-che-data-obj="pageData[817][1]"
                  :rotate="0" :translate-x="289" :translate-y="45" :title-x="-25" :title-y="-10"
                  :single="true"
                ></shou-che-svg>
                <g @click="goBreakPage(817)">
                <rect-svg
                  :state="Number(pageData[817][0].state_val)"
                  :stateDesc="pageData[817][0].state_desc"
                  :rotate="0"
                  :translate-y="56"
                  :translate-x="288"
                  :text-translate-x="-2"
                  :text-translate-y="-4"
                  :scale="0.7"
                  :isMainPage="true"
                  :itemObj="{is_clear:pageData[817][0].is_clear}"
                  :name="pageData[817][0].state_desc"
                ></rect-svg></g>
                <line x1="334" y1="85" x2="360" y2="85" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <circle r="8" cx="366" cy="85" style="fill:rgb(0,210,0);"/>
              </g>
              <g transform="translate(1700,60)">
                <num-screen name="迎宾一线" path="/guchang" dir="none"></num-screen>
                <polygon points="150,50 150,60 140,55" style="fill:rgb(0,210,0);" transform="translate(65,30)"/>
                <line x1="215" y1="85" x2="270" y2="85" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <line x1="260" y1="85" x2="260" y2="65" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <line x1="260" y1="65" x2="250" y2="65" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <terminal-svg
                  :state="Number(pageData[816][2].state_val)"
                  :stateDesc="pageData[816][2].state_desc"
                  name=""
                  :isMainPage="true"
                  :scale=0.7
                  :translate-x="205"
                  :translate-y="84"
                  :text-translate-y="-5"
                  :rotate="-90"
                />
                <shou-che-svg
                  :shou-che-data-obj="pageData[816][1]"
                  :rotate="0" :translate-x="289" :translate-y="45" :title-x="-25" :title-y="-10"
                  :single="true"
                ></shou-che-svg>
                <g @click="goBreakPage(816)">
                <rect-svg
                  :state="Number(pageData[816][0].state_val)"
                  :stateDesc="pageData[816][0].state_desc"
                  :rotate="0"
                  :translate-y="56"
                  :translate-x="288"
                  :text-translate-x="-2"
                  :text-translate-y="-4"
                  :scale="0.7"
                  :isMainPage="true"
                  :itemObj="{is_clear:pageData[816][0].is_clear}"
                  :name="pageData[816][0].state_desc"
                ></rect-svg></g>
                <line x1="334" y1="85" x2="360" y2="85" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <circle r="8" cx="366" cy="85" style="fill:rgb(0,210,0);"/>
              </g>
              <g transform="translate(1700,100)">
                <num-screen name="815" path="/guchang" dir="none"></num-screen>
                <polygon points="150,50 150,60 140,55" style="fill:rgb(0,210,0);" transform="translate(65,30)"/>
                <line x1="215" y1="85" x2="270" y2="85" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <line x1="260" y1="85" x2="260" y2="65" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <line x1="260" y1="65" x2="250" y2="65" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <terminal-svg
                  :state="Number(pageData[815][2].state_val)"
                  :stateDesc="pageData[815][2].state_desc"
                  name=""
                  :isMainPage="true"
                  :scale=0.7
                  :translate-x="205"
                  :translate-y="84"
                  :text-translate-y="-5"
                  :rotate="-90"
                />
                <shou-che-svg
                  :shou-che-data-obj="pageData[815][1]"
                  :rotate="0" :translate-x="289" :translate-y="45" :title-x="-25" :title-y="-10"
                ></shou-che-svg>
                <g @click="goBreakPage(815)">
                <rect-svg
                  :state="Number(pageData[815][0].state_val)"
                  :stateDesc="pageData[815][0].state_desc"
                  :rotate="0"
                  :translate-y="56"
                  :translate-x="288"
                  :text-translate-x="-2"
                  :text-translate-y="-4"
                  :scale="0.7"
                  :isMainPage="true"
                  :itemObj="{is_clear:pageData[815][0].is_clear}"
                  :name="pageData[815][0].state_desc"
                ></rect-svg>
                </g>
                <line x1="332" y1="85" x2="360" y2="85" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <circle r="8" cx="366" cy="85" style="fill:rgb(0,210,0);"/>
              </g>
              <g transform="translate(1700,140)">
                <num-screen name="814" path="/guchang" dir="none"></num-screen>
                <polygon points="150,50 150,60 140,55" style="fill:rgb(0,210,0);" transform="translate(65,30)"/>
                <line x1="215" y1="85" x2="270" y2="85" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <line x1="260" y1="85" x2="260" y2="65" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <line x1="260" y1="65" x2="250" y2="65" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <terminal-svg
                  :state="Number(pageData[814][2].state_val)"
                  :stateDesc="pageData[814][2].state_desc"
                  name=""
                  :isMainPage="true"
                  :scale=0.7
                  :translate-x="205"
                  :translate-y="84"
                  :text-translate-y="-5"
                  :rotate="-90"
                />
                <shou-che-svg
                  :shou-che-data-obj="pageData[814][1]"
                  :rotate="0" :translate-x="289" :translate-y="45" :title-x="-25" :title-y="-10"
                ></shou-che-svg>
                <g @click="goBreakPage(818)">
                <rect-svg
                  :state="Number(pageData[814][0].state_val)"
                  :stateDesc="pageData[814][0].state_desc"
                  :rotate="0"
                  :translate-y="56"
                  :translate-x="288"
                  :text-translate-x="-2"
                  :text-translate-y="-4"
                  :scale="0.7"
                  :isMainPage="true"
                  :itemObj="{is_clear:pageData[814][0].is_clear}"
                  :name="pageData[814][0].state_desc"
                ></rect-svg></g>
                <line x1="332" y1="85" x2="360" y2="85" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <circle r="8" cx="366" cy="85" style="fill:rgb(0,210,0);"/>
              </g>
              <g transform="translate(1700,180)">
                <num-screen name="813" path="/guchang" dir="none"></num-screen>
                <polygon points="150,50 150,60 140,55" style="fill:rgb(0,210,0);" transform="translate(65,30)"/>
                <line x1="215" y1="85" x2="270" y2="85" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <line x1="260" y1="85" x2="260" y2="65" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <line x1="260" y1="65" x2="250" y2="65" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <terminal-svg
                  :state="Number(pageData[813][2].state_val)"
                  :stateDesc="pageData[813][2].state_desc"
                  name=""
                  :isMainPage="true"
                  :scale=0.7
                  :translate-x="205"
                  :translate-y="84"
                  :text-translate-y="-5"
                  :rotate="-90"
                />
                <shou-che-svg
                  :shou-che-data-obj="pageData[813][1]"
                  :rotate="0" :translate-x="289" :translate-y="45" :title-x="-25" :title-y="-10"
                ></shou-che-svg>
                <g @click="goBreakPage(818)">
                  <rect-svg
                    :state="Number(pageData[813][0].state_val)"
                    :stateDesc="pageData[813][0].state_desc"
                    :rotate="0"
                    :translate-y="56"
                    :translate-x="288"
                    :text-translate-x="-2"
                    :text-translate-y="-4"
                    :scale="0.7"
                    :isMainPage="true"
                    :itemObj="{is_clear:pageData[813][0].is_clear}"
                    :name="pageData[813][0].state_desc"
                  ></rect-svg></g>
                <line x1="332" y1="85" x2="360" y2="85" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <circle r="8" cx="366" cy="85" style="fill:rgb(0,210,0);"/>
              </g>
              <g transform="translate(1700,220)">
                <num-screen name="外环线" path="/guchang" dir="none"></num-screen>
                <polygon points="150,50 150,60 140,55" style="fill:rgb(0,210,0);" transform="translate(65,30)"/>
                <line x1="215" y1="85" x2="270" y2="85" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <line x1="260" y1="85" x2="260" y2="65" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <line x1="260" y1="65" x2="250" y2="65" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <terminal-svg
                  :state="Number(pageData[812][2].state_val)"
                  :stateDesc="pageData[812][2].state_desc"
                  name=""
                  :isMainPage="true"
                  :scale=0.7
                  :translate-x="205"
                  :translate-y="84"
                  :text-translate-y="-5"
                  :rotate="-90"
                />
                <shou-che-svg
                  :shou-che-data-obj="pageData[812][1]"
                  :rotate="0" :translate-x="289" :translate-y="45" :title-x="-25" :title-y="-10"
                  :single="true"
                ></shou-che-svg>
                <g @click="goBreakPage(812)">
                  <rect-svg
                    :state="Number(pageData[812][0].state_val)"
                    :stateDesc="pageData[812][0].state_desc"
                    :rotate="0"
                    :translate-y="56"
                    :translate-x="288"
                    :text-translate-x="-2"
                    :text-translate-y="-4"
                    :scale="0.7"
                    :isMainPage="true"
                    :itemObj="{is_clear:pageData[812][0].is_clear}"
                    :name="pageData[812][0].state_desc"
                  ></rect-svg></g>
                <line x1="334" y1="85" x2="360" y2="85" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <circle r="8" cx="366" cy="85" style="fill:rgb(0,210,0);"/>
              </g>
              <g transform="translate(1700,260)">
                <num-screen name="811" path="/guchang" dir="none"></num-screen>
                <polygon points="150,50 150,60 140,55" style="fill:rgb(0,210,0);" transform="translate(65,30)"/>
                <line x1="215" y1="85" x2="270" y2="85" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <line x1="260" y1="85" x2="260" y2="65" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <line x1="260" y1="65" x2="250" y2="65" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <terminal-svg
                  :state="Number(pageData[811][2].state_val)"
                  :stateDesc="pageData[811][2].state_desc"
                  name=""
                  :isMainPage="true"
                  :scale=0.7
                  :translate-x="205"
                  :translate-y="84"
                  :text-translate-y="-5"
                  :rotate="-90"
                />
                <shou-che-svg
                  :shou-che-data-obj="pageData[811][1]"
                  :rotate="0" :translate-x="289" :translate-y="45" :title-x="-25" :title-y="-10"
                ></shou-che-svg>
                <g @click="goBreakPage(818)">
                  <rect-svg
                    :state="Number(pageData[811][0].state_val)"
                    :stateDesc="pageData[811][0].state_desc"
                    :rotate="0"
                    :translate-y="56"
                    :translate-x="288"
                    :text-translate-x="-2"
                    :text-translate-y="-4"
                    :scale="0.7"
                    :isMainPage="true"
                    :itemObj="{is_clear:pageData[811][0].is_clear}"
                    :name="pageData[811][0].state_desc"
                  ></rect-svg></g>
                <line x1="332" y1="85" x2="360" y2="85" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <circle r="8" cx="366" cy="85" style="fill:rgb(0,210,0);"/>
              </g>
              <g transform="translate(1700,-20)">
                <circle r="8" cx="366" cy="105" style="fill:rgb(0,210,0);"/>
                <shou-che-svg
                  :shou-che-data-obj="pageData['511A'][0]"
                  :rotate="0" :translate-x="429" :translate-y="65" :title-x="-5" :title-y="20"
                  :single="true"
                ></shou-che-svg>
                <line x1="360" y1="105" x2="410" y2="105" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <line x1="455" y1="105" x2="428" y2="105" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <polyline
                  points="474,105,533,105,533,55,474,55"
                  style="stroke:rgb(0,210,0); stroke-width:2; fill: none;"
                />
                <shou-che-svg
                  :shou-che-data-obj="pageData['511A'][2]"
                  :rotate="0" :translate-x="429" :translate-y="16" :title-x="-5" :title-y="20"
                  :single="true"
                ></shou-che-svg>
                <g @click="goBreakPage('511A')">
                  <rect-svg
                    :state="Number(pageData['511A'][1].state_val)"
                    :stateDesc="pageData['511A'][1].state_desc"
                    :rotate="0"
                    :translate-y="26"
                    :translate-x="428"
                    :text-translate-x="-2"
                    :text-translate-y="30"
                    :scale="0.7"
                    :isMainPage="true"
                    :itemObj="{is_clear:pageData['511A'][1].is_clear}"
                    :name="pageData['511A'][1].state_desc"
                  ></rect-svg></g>
                <polyline
                  points="410,55,-20,55,-20,-10"
                  style="stroke:rgb(0,210,0); stroke-width:2; fill: none;"
                />
                <g transform="translate(500,0)">
                  <num-screen name="511A" path="/10kvPage" dir="none"></num-screen>
                </g>
              </g>
              <g transform="translate(1700,60)">
                <circle r="8" cx="366" cy="105" style="fill:rgb(0,210,0);"/>
                <shou-che-svg
                  :shou-che-data-obj="pageData[510][1]"
                  :rotate="0" :translate-x="429" :translate-y="65" :title-x="-5" :title-y="20"
                  :single="true"
                ></shou-che-svg>
                <line x1="360" y1="105" x2="410" y2="105" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <line x1="474" y1="105" x2="538" y2="105" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <g @click="goBreakPage('510')">
                  <rect-svg
                    :state="Number(pageData['510'][0].state_val)"
                    :stateDesc="pageData['510'][0].state_desc"
                    :rotate="0"
                    :translate-y="76"
                    :translate-x="428"
                    :text-translate-x="-2"
                    :text-translate-y="-4"
                    :scale="0.7"
                    :isMainPage="true"
                    :itemObj="{is_clear:pageData['510'][0].is_clear}"
                    :name="pageData['510'][0].state_desc"
                  ></rect-svg></g>
                <line x1="487" y1="105" x2="487" y2="95" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <line x1="487" y1="95" x2="497" y2="95" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <terminal-svg
                  :state="Number(pageData[510][2].state_val)"
                  :stateDesc="pageData[510][2].state_desc"
                  name=""
                  :isMainPage="true"
                  :scale=0.7
                  :translate-x="544"
                  :translate-y="78"
                  :text-translate-y="-5"
                  :rotate="90"
                />
                <dian-kang-qi
                  :scale=0.6
                  :translate-x="694"
                  :translate-y="52"
                  :rotate="90"
                  color="rgb(0,210,0)"
                ></dian-kang-qi>
                <g transform="translate(500,23)">
                  <num-screen name="510" path="/10kvPage" dir="none"></num-screen>
                </g>

              </g>
              <g transform="translate(1700,100)">
                <circle r="8" cx="366" cy="105" style="fill:rgb(0,210,0);"/>
                <shou-che-svg
                  :shou-che-data-obj="pageData['51A-7'][0]"
                  :rotate="0" :translate-x="429" :translate-y="65" :title-x="0" :title-y="30"
                  :single="true"
                  :half="true"
                  :name="pageData['51A-7'][0].state_desc"
                ></shou-che-svg>
                <line x1="360" y1="105" x2="410" y2="105" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <line x1="430" y1="105" x2="538" y2="105" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <line x1="538" y1="90" x2="538" y2="120" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <bi-lei-qi
                  :scale=1
                  :translate-x="408"
                  :translate-y="22"
                  :rotate="0"
                  color="rgb(0,210,0)"
                ></bi-lei-qi>
                <four-circle
                  :scale=1
                  :translate-x="408"
                  :translate-y="-6"
                  :rotate="0"
                  color="rgb(0,210,0)"
                ></four-circle>
                <g transform="translate(500,23)">
                  <num-screen name="51A-7PT" path="/suobian" dir="none"></num-screen>
                </g>

              </g>
              <g transform="translate(1700,180)">
                <circle r="8" cx="366" cy="105" style="fill:rgb(0,210,0);"/>
                <shou-che-svg
                  :shou-che-data-obj="pageData['515'][2]"
                  :rotate="0" :translate-x="429" :translate-y="65" :title-x="-5" :title-y="20"
                  :single="true"
                ></shou-che-svg>
                <line x1="360" y1="105" x2="410" y2="105" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <line x1="474" y1="105" x2="538" y2="105" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <g @click="goBreakPage('515')">
                  <rect-svg
                    :state="Number(pageData['515'][1].state_val)"
                    :stateDesc="pageData['515'][1].state_desc"
                    :rotate="0"
                    :translate-y="76"
                    :translate-x="428"
                    :text-translate-x="-2"
                    :text-translate-y="-4"
                    :scale="0.7"
                    :isMainPage="true"
                    :itemObj="{is_clear:pageData['515'][1].is_clear}"
                    :name="pageData['515'][1].state_desc"
                  ></rect-svg></g>
                <line x1="487" y1="105" x2="487" y2="95" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <line x1="487" y1="95" x2="497" y2="95" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <terminal-svg
                  :state="Number(pageData['515'][0].state_val)"
                  :stateDesc="pageData['515'][0].state_desc"
                  name=""
                  :isMainPage="true"
                  :scale=0.7
                  :translate-x="544"
                  :translate-y="78"
                  :text-translate-y="-5"
                  :rotate="90"
                />
                <zhanyongbian
                  :scale=0.7
                  :translate-x="270"
                  :translate-y="1392"
                  :rotate="-90"
                  :color_1="'rgb(0,210,0)'"
                  color="rgb(240,180,140)"
                ></zhanyongbian>
                <g transform="translate(500,23)">
                  <num-screen name="#1所变" path="/suobian" dir="none"></num-screen>
                </g>

              </g>
              <g transform="translate(1700,220)">
                <circle r="8" cx="366" cy="105" style="fill:rgb(0,210,0);"/>
                <shou-che-svg
                  :shou-che-data-obj="pageData[503][0]"
                  :rotate="0" :translate-x="429" :translate-y="65" :title-x="-5" :title-y="20"
                  :name="pageData[503][0].state_desc"
                ></shou-che-svg>
                <line x1="360" y1="105" x2="410" y2="105" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <line x1="455" y1="105" x2="428" y2="105" style="stroke:rgb(0,210,0);stroke-width:2"></line>
                <line x1="474" y1="105" x2="488" y2="105" style="stroke:rgb(0,210,0);stroke-width:2"></line>
              </g>
            </g>
          </g>

        </svg>
      </div>
    </div>
    <el-dialog title="教案初始化" :visible.sync="newJiaoAnDialog" width="40rem" 	custom-class="switchPatrolDialog" :close-on-press-escape="true"
               :close-on-click-modal="true" 	@close="closeJiaoAn">
      <el-form :model="form">
        <el-form-item label="教案名称" label-width="8rem">
          <el-input v-model="form.name" autocomplete="off"></el-input>
        </el-form-item>
        <el-form-item label="工况文件" label-width="8rem">
          <el-select v-model="form.region" placeholder="请选择工况文件">
            <el-option  v-for="(item,index) in form.gKList" :key="index" :label=item.name :value=item.id></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="教案描述" label-width="8rem">
          <el-input
            type="textarea"
            :rows="2"
            placeholder="请输入内容"
            v-model="form.desc">
          </el-input>
        </el-form-item>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button type="primary" @click="newJiaoAn">教案入库</el-button>
        <el-button type="primary" @click="clearNewData">取消</el-button>
      </div>
    </el-dialog>
    <load-jiao-an :loadJiaoAn="loadJiaoAn" @DialogClose="closeJiaoAn"></load-jiao-an>
    <remove-jiao-an :removeJiaoAn="removeJiaoAn" @DialogClose="closeJiaoAn"></remove-jiao-an>
    <start-handle :startHandle="startHandle" @DialogClose="closeHandle" @showAddJiaoAn="showAddJiaoAn"></start-handle>
    <sys-gong-kuang :sysGongKuang="sysGongKuang" @DialogClose="closeJiaoAn"></sys-gong-kuang>
    <el-dialog ref="operateRecordDialogRef" custom-class="operateRecordDialog" :modal="false" :close-on-click-modal="false" v-if="operationRecordsDialogVisible" :visible.sync="operationRecordsDialogVisible" v-dialogDrag:{dialogDrag}="true" width="35%">
      <p slot="title" class="el-dialog__title">操作记录</p>
      <div class="messageAlarmList">
        <el-table :data="operationRecordsData" width="100%" height="250" >
          <el-table-column prop="num" label="序号" width="85" header-align="center" align="center" >
            <template #default="{row}">
              <span :class="{'is-highlight': !!row.isHighlight}">{{row.num}}</span>
            </template>
          </el-table-column>
          <el-table-column prop="createTime" label="操作时间" width="160" header-align="center" align="center" >
            <template #default="{row}">
              <span :class="{'is-highlight': !!row.isHighlight}">{{row.createTime}}</span>
            </template>
          </el-table-column>
          <el-table-column prop="log_desc" label="操作描述" header-align="center" >
            <template #default="{row}">
              <span :class="{'is-highlight': !!row.isHighlight}">{{row.log_desc}}</span>
            </template>
          </el-table-column>
        </el-table>
      </div>
    </el-dialog>
    <el-dialog
      custom-class="switchPatrolDialog"
      :visible.sync="dialogVisible"
      v-if="dialogVisible"
      :close-on-press-escape="true"
      :close-on-click-modal="true"
      :width="`40%`"
      :modal="false"
      @before-close="handleDialogClose"
    >
      <p slot="title" class="el-dialog__title">故障异常设置:{{ rightMenuObj?.deviceName }}</p>
      <guzhangshezhiDialog @updateData="updateData"
                           ref="faultDialog"
                           :type="rightMenuObj?.type" :deviceName="rightMenuObj?.deviceName" :index="index"></guzhangshezhiDialog>
      <span slot="footer" class="dialog-footer" >
					<el-button size="small" @click="cancelGz">取 消</el-button>
					<el-button  size="small" type="primary" @click="mainTransformerFaultSetBtn">确 定</el-button>
				</span>
    </el-dialog>
  </div>
</template>

<script>
import ScaleBox from "@/components/ScaleBox/ScaleBox.vue";
import MonitorHeader from "@/components/MonitorHeader/MonitorHeader.vue";
import SysGongKuang from "@/components/JA/sysGongKuang.vue";
import StartHandle from "@/components/JA/startHandle.vue";
import RemoveJiaoAn from "@/components/JA/removeJiaoAn.vue";
import LoadJiaoAn from "@/components/JA/loadJiaoAn.vue";
import { getOperateRecord, saveJAn, submitOperateRecord } from "@/api/api";
import { EventBus } from "@/tools/bus";
import NumScreen from "@/components/controls/numScreen.vue";
import BiLeiQi from "@/components/controls/biLeiQi.vue";
import XianQuan from "@/components/controls/xianquan.vue";
import { wsSend } from "@/tools/sendMessage";
import TerminalSvg from "@/components/controls/terminal-svg.vue";
import ConnectLine from "@/components/controls/connect-line.vue";
import RectSvg from "@/components/controls/rect-svg.vue";
import MainBus from "@/components/controls/mainBus.vue";
import DianLiuHuGanQi from "@/components/controls/dianLiuHuGanQi.vue";
import Jiedi from "@/components/controls/jiedi.vue";
import ShouCheSvg from "@/components/controls/shou-che-svg.vue";
import Zhanyongbian from "@/components/controls/zhanyongbian.vue";
import FourCircle from "@/components/controls/fourCircle.vue";
import DianKangQi from "@/components/controls/dianKangQi.vue";
import guzhangshezhiDialog from '@/components/rightClickmenuList/guzhangshezhiDialog.vue'
import pageData from "@/assets/js/pageData";
import RightClickmenuList from "@/components/rightClickmenuList/rightClickMenuList.vue";

export default {
  name: "mainPage",
  components: {
    RightClickmenuList,
    DianKangQi,
    guzhangshezhiDialog,
    FourCircle,
    Zhanyongbian,
    ShouCheSvg,
    Jiedi,
    DianLiuHuGanQi,
    MainBus,
    RectSvg,
    ConnectLine,
    TerminalSvg,
    XianQuan,
    BiLeiQi,
    NumScreen,
    LoadJiaoAn,
    RemoveJiaoAn,
    StartHandle,
    SysGongKuang,
    MonitorHeader,
    ScaleBox
  },
  data() {
    return {
      rightMenuObj:null,
      dialogVisible: false,
      currentSelectMenuItemObj: null, // 当前选中的右键菜单对象
      operationRecordsDialogVisible:false,
      operationRecordsData:[],
      jiaoAnValue: [],
      pageData:null,
      jiaoAnOptions: [{
        value: '生成教案',
        label: '生成教案',

      }, {
        value: '加载教案',
        label: '加载教案',
      },
        {
          value: '删除教案',
          label: '删除教案',
        },{
          value: '录制教案',
          label: '录制教案',
          children: [{
            value: '开始记录操作到教案完全记录',
            label: '开始记录操作到教案完全记录'
          }, {
            value: '结束记录操作到教案完全结束',
            label: '结束记录操作到教案完全结束'
          },]
        }],
      form: {
        name: '',
        gKList: [],
        region:'',
        date1: '',
        date2: '',
        delivery: false,
        type: [],
        resource: '',
        desc: '',
      },
      index:0,
      gongkuangValue:[],
      newJiaoAnDialog: false,
      gongKuangOptions: [{
        value: '系统工况',
        label: '系统工况',
      }],
      loadJiaoAn:false,
      //删除教案
      removeJiaoAn:false,
      //
      startHandle:false,
      //工况
      sysGongKuang:false,
      ycInfo: {
        yc:[],
        ec:[],
        excepts:[]
      },
    }
  },
  watch: {
    watch: {
      newJiaoAnDialog(val) {
        if (val){
         this.getGkList();
        }
      }
    }
  },
  created() {
    if (this.$store.state.ws && this.$store.state.ws.readyState === WebSocket.OPEN) {
     wsSend({ cmd: 'getMonitorMainPage' })
    } else {
      EventBus.$on('ws-connected', () => {
        wsSend({ cmd: 'getMonitorMainPage' })
      })
    }
  },
  methods: {
    itemRightClick(params) {
      this.rightMenuObj = params
      this.dialogVisible=true
      console.log(this.rightMenuObj);
    },

    mainTransformerFaultSetBtn() {
      if (this.ycInfo.yc.length===0&&this.ycInfo.excepts.length===0&&this.ycInfo.ec.length===0){
        this.$message.error('当前未选择任何异常信息')
        return
      }
      const ycLen = this.ycInfo.yc.length
      const ecLen = this.ycInfo.ec.length
      if (ycLen > 0 && ecLen > 0) {
        this.$message.error('不能同时选择一次和二次故障')
        return
      }
      if (ycLen === 0 && ecLen === 0) {
        this.$message.error('必须选择一个故障')
        return
      }
      if (ycLen>1||ecLen>1) {
        this.$message.error('只能选择一个故障')
        return;
      }
      wsSend(this.sendMsgData)
      EventBus.$once("ws-message",(e)=>{
        if (e.cmd==='faultSet'){
          this.$message.success('故障设置成功')
          this.handleDialogClose()
        }
      })
    },
    cancelGz(){
      this.dialogVisible = false
      this.$refs.faultDialog.resetSelection()
    },
    updateData(e){
      this.sendMsgData={
        "cmd":'faultSet',
        ...e,
      }
      this.ycInfo =e
    },
    handleDialogClose(){
      this.$refs.faultDialog.resetSelection()
      this.dialogVisible = false;
    },
    goMap(){
    this.$router.push({
      path: '/map'
    })
    },
    getOperateRecordList() {
      getOperateRecord({}).then(res => {
        if (res.data){
          const data = JSON.parse(JSON.stringify(res.data.map(o => {
            o.isHighlight = false;
            return o;
          })));
          if (this.operationRecordsData.length && this.operationRecordsData.length !== data?.length) {
            data[0].isHighlight = true;
          }
          this.operationRecordsData = data;
        }

      });
    },
    operationRecords() {
      this.operationRecordsDialogVisible = true
      this.operationRecordsData = [];
      this.getOperateRecordList();
      this.$nextTick(() => {
        this.$refs.operateRecordDialogRef.$el.style.pointerEvents = 'none';
      });
    },
    clearAll(){
      wsSend({ "cmd": "switchAllClear" })
      submitOperateRecord({ log_desc: '全站清闪' },false)
    },
    alertLog(){
      wsSend({ "cmd": "openAlertWindow" })
    },
    startDrag(e) {
      e.preventDefault();
      const el = this.$refs.page;
      this.isDragging = true;
      this.startX = e.clientX;
      this.startY = e.clientY;
      this.scrollLeft = el.scrollLeft;
      this.scrollTop = el.scrollTop;

      window.addEventListener("mousemove", this.onDrag);
      window.addEventListener("mouseup", this.stopDrag);
    },
    onDrag(e) {
      if (!this.isDragging) return;
      e.preventDefault();

      const dx = e.clientX - this.startX;
      const dy = e.clientY - this.startY;

      cancelAnimationFrame(this.dragAnimationFrame);

      this.dragAnimationFrame = requestAnimationFrame(() => {
        const el = this.$refs.page;
        if (!el) return;

        el.scrollLeft = this.scrollLeft - dx;
        el.scrollTop = this.scrollTop - dy;
      });
    },
    stopDrag() {
      this.isDragging = false;
      cancelAnimationFrame(this.dragAnimationFrame);
      window.removeEventListener("mousemove", this.onDrag);
      window.removeEventListener("mouseup", this.stopDrag);
    },
    async newJiaoAn(){
      if (this.form.name===''){
        this.$message.error('请输入名称')
        return
      }
      if (this.form.region===''){
        this.$message.error('请选择工况')
        return
      }
      if (this.form.desc===''){
        this.$message.error('请输入描述')
        return
      }
      const params = {
        gkId:this.form.region,
        name: this.form.name,
        teaDesc: this.form.desc,
      }
      const res=await saveJAn(params);
      if (res.data.code===200){
        this.$message.success('添加成功')
        this.clearNewData();
      }else{
        this.$message.error('添加失败请检查网路设置')
      }
    },
    goPage(val){
      if (val=='220mx'){
        this.$router.push({
          path: '/muxianPage',
          query: {
            ftIndex: 9,
            jgName: '220mx',
            ftName: '220kV母线及公用分图',
          }
        })
      }
    },
    closeJiaoAn(){
      this.gongkuangValue=undefined;
      this.jiaoAnValue=undefined;
      this.loadJiaoAn=false
      this.removeJiaoAn=false
      this.sysGongKuang=false
      this.newTicket=false
    },
    closeHandle(){
      this.gongkuangValue=undefined;
      this.jiaoAnValue=undefined;
      this.startHandle=false
    },
    clearNewData(){
      this.form = {
        name: '',
        gKList: [],
        region:'',
        date1: '',
        date2: '',
        delivery: false,
        type: [],
        resource: '',
        desc: '',
      };
      this.newJiaoAnDialog = false
    },
    showAddJiaoAn(){
      this.newJiaoAnDialog = true
    },
    handleChange(value) {
      if (value){
        this.jiaoAnValue=null
        this.gongkuangValue=null
        const currentSelect = value[value.length - 1]
        switch (currentSelect){
          case '生成教案':
            this.newJiaoAnDialog = true
            break
          case '加载教案':
            this.loadJiaoAn = true
            break
          case '删除教案':
            this.removeJiaoAn = true
            break
          case '开始记录操作到教案完全记录':
            this.startHandle = true
            break
          case '系统工况':
            this.sysGongKuang = true
            break
        }
      }
    },
    messageHandle(data){
      if (data.cmd==='switchAllClear'){
        this.$message.success('全站清闪成功')
        wsSend({ "cmd": "getMonitorMainPage" })
      }
      if (data.cmd==='getMonitorMainPage'){
         this.pageData = JSON.parse(JSON.stringify(data.data))
        console.log(JSON.parse(JSON.stringify(this.pageData)),'主图数据')
      }
    },
  },
  mounted() {
    EventBus.$on("ws-message",this.messageHandle)
    this.$store.commit('setMainPage',true)
  },
  beforeDestroy() {
    EventBus.$off("ws-message",this.messageHandle)
    EventBus.$off('ws-connected')
    this.$store.commit('setMainPage',false)
  },
};
</script>





<style  lang="less" scoped>
.Page1{
    width: 100%;
    height: 100%;
    color:#fff;
    display: flex;
    flex-direction: column;
    overflow: auto;
    position: relative;
    .headerBox{
        width: 100%;
        border-bottom: 2px solid #fff;
        position: relative;
        & > h1{
            font-size: 1.8rem;
            font-family: '宋体';
            font-weight: bold;
            text-align: center;
        }
        .headerRightBtnGroup{
            display: flex;
            align-items: center;
            align-self: flex-end;
            position: absolute;
            top: 50%;
            right: 20px;
            transform: translate(0, -50%);
        }
        .headerLeftBtnGroup{
            display: flex;
            align-items: center;
            align-self: flex-end;
            position: absolute;
            top: 50%;
            left: 1%;
            transform: translate(0, -50%);
            .block{
                margin-left: 2rem;
            }
        }
    }
    .wrapper{
        flex:1;
        overflow: auto;
        padding: 0 0px;
        box-sizing: border-box;
        .ctn{
            min-width: 2650px;
            height: 1600px;
            #svgDom{
                width: 100%;
                height: 100%;
            }
        }
    }
}
/deep/ .el-form-item__label {
  color: #fff; /* 自定义 label 的颜色 */
}

/* 调整 el-input 的 placeholder 颜色 */
/deep/ .el-input__inner::placeholder {
  color: #666; /* 自定义 placeholder 的颜色 */
  opacity: 1;
}

/* 调整 el-select 的 placeholder 颜色 */
/deep/ .el-select .el-input__inner::placeholder {
  color: #666; /* 自定义 placeholder 的颜色 */
}
/deep/ .el-textarea__inner::placeholder {
  color: #666; /* 自定义 placeholder 的颜色 */
  opacity: 1; /* 确保颜色生效 */
}

// 遥控弹框样式
/deep/ .yaokongDialog, /deep/ .operateRecordDialog{
  background: rgba(2, 22, 42, 1);
  max-height: 70%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  .el-dialog__header{
    padding: 10px 0;
    .el-dialog__title{
      color:#fff;
      margin-left: 20px;
    }
    .el-dialog__headerbtn{
      top:15px;
      .el-dialog__close{
        color:#fff;
      }
    }
  }
  .el-dialog__body{
    padding-top: 0;
    padding-bottom: 10px;
    flex:1;
    overflow: hidden;
    display: flex;
    flex-direction: column;

    // 操作人弹框样式
    .operatorPwd{
      & > div + div{
        margin-top: 10px;
      }
      & > div{
        display: flex;
        align-items: center;
        & > label{
          font-size: 14px;
          width: 80px;
        }
        .el-input{
          flex:1;
          overflow: hidden;
        }
      }
    }

    // 消息告警输入框
    .messageAlarmList{
      flex:1;
      overflow: auto;
      .el-table{
        overflow: hidden;
        display: flex;
        flex-direction: column;
        background:transparent;
        &:before{
          height: 0;
        }
        .el-table__header-wrapper{
          overflow: initial;
        }
        .el-table__body-wrapper{
          flex:1;
          overflow: auto;
        }
      }
      .el-table th{
        background:#142e48;
      }
      .el-table tr{
        background: transparent;
      }
      .el-table td, .el-table th{
        border: 1px solid #313338;
        border-left: 0;
        border-right: 0;
        color: #dee2e5;
      }
      .el-table--enable-row-hover .el-table__body tr:hover > td {
        background-color: #3a6378;
      }
    }

  }
  .el-dialog__footer{
    // border-top: 1px solid #eee;
    .el-button{
      color: #ebeff0;
      background: linear-gradient(#176575,#07283f);
      border:0;
      box-shadow: 0 -2px 0 rgba(16, 164, 195, .8);
    }
  }
}

// 遥控弹框 - 操作人账号密码 - 样式
/deep/ .yaokongPersonDialog{
  background: rgba(2, 22, 42, 1);
  max-height: 60%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  .el-dialog__header{
    padding: 10px 0;
    .el-dialog__title{
      color:#fff;
      margin-left: 20px;
    }
    .el-dialog__headerbtn{
      top:15px;
      .el-dialog__close{
        color:#fff;
      }
    }
  }
  .el-dialog__body{
    padding-top: 0;
    padding-bottom: 10px;
    flex:1;
    overflow: hidden;
    display: flex;
    flex-direction: column;

    // 操作人弹框样式
    .operatorPwd{
      & > div + div{
        margin-top: 10px;
      }
      & > div{
        display: flex;
        align-items: center;
        & > label{
          font-size: 14px;
          width: 80px;
          color: #dee2e5;
        }
        .el-input{
          flex:1;
          overflow: hidden;
        }
      }
    }

    // 消息告警输入框
    .messageAlarmList{
      flex:1;
      overflow: hidden;
      .el-table{
        overflow: hidden;
        display: flex;
        flex-direction: column;
        background:transparent;
        &:before{
          height: 0;
        }
        .el-table__header-wrapper{
          overflow: initial;
        }
        .el-table__body-wrapper{
          flex:1;
          overflow: auto;
        }
      }
      .el-table th{
        background:#142e48;
      }
      .el-table tr{
        background: transparent;
      }
      .el-table td, .el-table th{
        border: 1px solid #313338;
        border-left: 0;
        border-right: 0;
        color: #dee2e5;
      }
      .el-table--enable-row-hover .el-table__body tr:hover > td {
        background-color: #3a6378;
      }
    }

  }
  .el-dialog__footer{
    // border-top: 1px solid #eee;
    .el-button{
      color: #ebeff0;
      background: linear-gradient(#176575,#07283f);
      border:0;
      box-shadow: 0 -2px 0 rgba(16, 164, 195, .8);
    }
  }
}

// 汇报调度弹框样式
/deep/ .reportSchedulingDialog{
  background: rgba(2, 22, 42, 1);
  max-height: 60%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  .el-dialog__header{
    padding: 10px 0;
    .el-dialog__title{
      color:#fff;
      margin-left: 20px;
    }
    .el-dialog__headerbtn{
      top:15px;
      .el-dialog__close{
        color:#fff;
      }
    }
  }
  .el-dialog__body{
    padding-top: 0;
    padding-bottom: 0;
    flex:1;
    overflow: hidden;
    display: flex;
    flex-direction: column;

    // 汇报调度输入框
    .reportSchedulingTextArea{
      flex:1;
      overflow: hidden;
      // .el-textarea{
      // 	height: 100%;
      // }
      .el-textarea__inner{
        height: 100%;
        color:#dee2e5;
        background:transparent;
        border: 1px solid #666;
        font-size: 16px;
      }
    }

  }
  .el-dialog__footer{
    // border-top: 1px solid #eee;
    text-align: center;
    .el-button{
      color: #ebeff0;
      background: linear-gradient(#176575,#07283f);
      border:0;
      box-shadow: 0 -2px 0 rgba(16, 164, 195, .8);
    }
  }
}
/deep/ .operateRecordDialog {
  pointer-events: auto;
  margin-right: 34%;
}
.is-highlight {
  animation: highlight 1s;
}
@keyframes highlight {
  0% {
    color: yellow;
  }
  100% {
    color: #FFFFFF;
  }
}
.brandBtn{
  animation: flash 1s infinite;
}
@keyframes flash {
  0%, 100% {
    opacity: 1; /* 完全不透明 */
  }
  50% {
    opacity: 0.5; /* 半透明 */
  }
}
.brandMsgTitle{
  font-size: 2rem;
  color: white;
}
.brandMsgP{
  font-size: 1.5rem;
  //空两个字
  margin: 2rem;
}
/deep/ .el-dialog__body{
  overflow: scroll;
}
.fault-dialog-content {
  padding: 20px;
  color: #fff;
}

/* 覆盖 Element UI 的默认样式 */
:deep(.el-tabs__item) {
  color: rgba(255, 255, 255, 0.6);
}


:deep(.el-tabs__item.is-active) {
  color: #409EFF;
}

:deep(.el-tabs__nav-wrap::after) {
  background-color: rgba(255, 255, 255, 0.1);
}

:deep(.el-form-item__label) {
  color: rgba(255, 255, 255, 0.8);
}

:deep(.el-collapse-item__header) {
  background-color: transparent;
  color: rgba(255, 255, 255, 0.8);
  border-color: rgba(255, 255, 255, 0.1);
}

:deep(.el-collapse-item__content) {
  background-color: transparent;
  color: #fff;
  border-color: rgba(255, 255, 255, 0.1);
}

:deep(.el-checkbox__label) {
  color: rgba(255, 255, 255, 0.8);
}

:deep(.el-radio__label) {
  color: rgba(255, 255, 255, 0.8);
}

:deep(.el-input-number__decrease),
:deep(.el-input-number__increase) {
  background-color: transparent;
  color: rgba(255, 255, 255, 0.8);
  border-color: rgba(255, 255, 255, 0.2);
}

:deep(.el-input-number__decrease:hover),
:deep(.el-input-number__increase:hover) {
  color: #409EFF;
  background-color: rgba(64, 158, 255, 0.1);
}

:deep(.el-input__inner) {
  background-color: transparent;
  border-color: rgba(255, 255, 255, 0.2);
  color: #fff;
}
:deep(.is-disabled .el-input__inner){
  background-color: #131f2a;
  border-color: rgba(255, 255, 255, 0.2);
  color: #999;
}
:deep(.el-input__inner:hover),
:deep(.el-input__inner:focus) {
  border-color: #409EFF;
}

:deep(.el-select-dropdown__item) {
  color: rgba(255, 255, 255, 0.8);
}

:deep(.el-select-dropdown__item.hover) {
  background-color: rgba(64, 158, 255, 0.1);
}

:deep(.el-select-dropdown__item.selected) {
  color: #409EFF;
  background-color: rgba(64, 158, 255, 0.1);
}

:deep(.el-slider__runway) {
  background-color: rgba(255, 255, 255, 0.2);
}

:deep(.el-slider__bar) {
  background-color: #409EFF;
}

:deep(.el-slider__button) {
  border-color: #409EFF;
  background-color: #409EFF;
}

:deep(.el-collapse) {
  border-color: rgba(255, 255, 255, 0.1);
  background-color: transparent;
}

.distance-slider {
  width: 300px;
}

.ms-label {
  margin-left: 5px;
  color: rgba(255, 255, 255, 0.8);
}

.el-collapse {
  margin: 10px 0;
  border-color: rgba(255, 255, 255, 0.1);
}

/* 修复下拉菜单的背景色 */
:deep(.el-select-dropdown) {
  background-color: rgb(2, 22, 42);
  border-color: rgba(255, 255, 255, 0.1);
}

/* 修复弹出层的背景色 */
:deep(.el-popper[x-placement^="bottom"]) {
  background-color: rgb(2, 22, 42);
}

/* 修改折叠面板的样式 */
:deep(.el-collapse) {
  border: none;
  background-color: transparent;
}

:deep(.el-collapse-item) {
  margin-bottom: 1px;
}

:deep(.el-collapse-item__header) {
  background-color: rgba(255, 255, 255, 0.05);
  color: rgba(255, 255, 255, 0.8);
  border: none;
  padding: 0 15px;
  height: 40px;
  line-height: 40px;
}

:deep(.el-collapse-item__header:hover) {
  background-color: rgba(255, 255, 255, 0.1);
}

:deep(.el-collapse-item__content) {
  background-color: rgba(255, 255, 255, 0.02);
  color: rgba(255, 255, 255, 0.8);
  border: none;
  padding: 15px;
}

:deep(.el-collapse-item__arrow) {
  color: rgba(255, 255, 255, 0.8);
}

:deep(.el-collapse-item__header.is-active) {
  border-bottom-color: transparent;
}

:deep(.el-collapse-item__wrap) {
  border: none;
  background-color: transparent;
}

/* 添加新的样式 */
.fault-list {
  margin-top: 20px;
}

:deep(.el-table) {
  background-color: transparent;
  color: rgba(255, 255, 255, 0.8);
  border: 1px solid rgb(28, 46, 64);
}

:deep(.el-table::before) {
  display: none;
}

:deep(.el-table td),
:deep(.el-table th.is-leaf) {
  border-bottom: 1px solid rgb(28, 46, 64);
}

:deep(.el-table--border th),
:deep(.el-table--border td) {
  border-right: 1px solid rgb(28, 46, 64);
}

:deep(.el-table thead) {
  border-bottom: 1px solid rgb(28, 46, 64);
}

:deep(.el-table--enable-row-hover .el-table__body tr:hover > td) {
  background-color: rgba(2, 22, 42) !important;
}

.cancel-fault-buttons {
  display: flex;
  gap: 10px;
}

:deep(.el-textarea__inner) {
  background-color: transparent;
  border-color: rgba(255, 255, 255, 0.2);
  color: #fff;
}

:deep(.el-textarea__inner:focus) {
  border-color: #409EFF;
}

:deep(.el-table__empty-block) {
  background-color: transparent;
}

:deep(.el-table__empty-text) {
  color: rgba(255, 255, 255, 0.6);
}
.messageAlarmList {
  overflow: hidden;  /* 隐藏溢出内容 */
}
.messageAlarmList {
  scrollbar-width: none; /* 隐藏滚动条 */
}
.messageAlarmList::-webkit-scrollbar {
  display: none; /* 隐藏滚动条 */
}

.Page1:active {
  cursor: grabbing;
}
</style>
